+81
-67
lines changedFilter options
+81
-67
lines changed Original file line number Diff line number Diff line change
@@ -76,7 +76,8 @@
76 76
<api-item title="API - md-field">
77 77
<p>The following options can be applied to any field:</p>
78 78 79 -
<api-table :headings="field.headings" :props="field.props" slot="props" />
79 +
<api-table :headings="field.props.headings" :props="field.props.props" slot="props" />
80 +
<api-table :headings="field.events.headings" :props="field.events.props" slot="events" />
80 81
</api-item>
81 82 82 83
<api-item title="API - md-input">
@@ -104,72 +105,84 @@
104 105
mixins: [examples],
105 106
data: () => ({
106 107
field: {
107 -
headings: ['Name', 'Description', 'Default'],
108 -
props: [
109 -
{
110 -
name: 'md-variant',
111 -
type: 'String',
112 -
description: 'Sets the field variant. The bottom line variant is the default. See below the detailed description of each variant.',
113 -
defaults: 'bottom-line'
114 -
},
115 -
{
116 -
offset: true,
117 -
name: 'md-variant="bottom-line"',
118 -
type: 'String',
119 -
description: 'Sets the field variant to bottom line. This is the default.',
120 -
defaults: '-'
121 -
},
122 -
{
123 -
offset: true,
124 -
name: 'md-variant="box"',
125 -
type: 'String',
126 -
description: 'Sets the field variant to a boxed variant.',
127 -
defaults: '-'
128 -
},
129 -
{
130 -
offset: true,
131 -
name: 'md-variant="raised"',
132 -
type: 'String',
133 -
description: 'Sets the field variant to a raised variant.',
134 -
defaults: '-'
135 -
},
136 -
{
137 -
name: 'md-dense',
138 -
type: 'Boolean',
139 -
description: 'Enable the dense layout',
140 -
defaults: 'false'
141 -
},
142 -
{
143 -
name: 'md-inline',
144 -
type: 'Boolean',
145 -
description: 'Make the label inline. This means that the label will disappear when the input receives a focus.',
146 -
defaults: 'false'
147 -
},
148 -
{
149 -
name: 'md-nested',
150 -
type: 'Boolean',
151 -
description: 'Enable the nested layout. Its works only within toolbar',
152 -
defaults: 'false'
153 -
},
154 -
{
155 -
name: 'md-counter',
156 -
type: 'Boolean',
157 -
description: 'Enable the character counter. Only works with fields that have a <code>md-input</code> or <code>md-textarea</code> with a <code>maxlength</code> or <code>md-counter</code> attributes.',
158 -
defaults: 'false'
159 -
},
160 -
{
161 -
name: 'md-clearable',
162 -
type: 'Boolean',
163 -
description: 'Add a clear button on the right of the input.',
164 -
defaults: 'false'
165 -
},
166 -
{
167 -
name: 'md-toggle-password',
168 -
type: 'Boolean',
169 -
description: 'Add a toggle button on the right of the input to reveal/hide the password. Only works with fields that have a <code>md-input</code> with type password.',
170 -
defaults: 'false'
171 -
}
172 -
]
108 +
props: {
109 +
headings: ['Name', 'Description', 'Default'],
110 +
props: [
111 +
{
112 +
name: 'md-variant',
113 +
type: 'String',
114 +
description: 'Sets the field variant. The bottom line variant is the default. See below the detailed description of each variant.',
115 +
defaults: 'bottom-line'
116 +
},
117 +
{
118 +
offset: true,
119 +
name: 'md-variant="bottom-line"',
120 +
type: 'String',
121 +
description: 'Sets the field variant to bottom line. This is the default.',
122 +
defaults: '-'
123 +
},
124 +
{
125 +
offset: true,
126 +
name: 'md-variant="box"',
127 +
type: 'String',
128 +
description: 'Sets the field variant to a boxed variant.',
129 +
defaults: '-'
130 +
},
131 +
{
132 +
offset: true,
133 +
name: 'md-variant="raised"',
134 +
type: 'String',
135 +
description: 'Sets the field variant to a raised variant.',
136 +
defaults: '-'
137 +
},
138 +
{
139 +
name: 'md-dense',
140 +
type: 'Boolean',
141 +
description: 'Enable the dense layout',
142 +
defaults: 'false'
143 +
},
144 +
{
145 +
name: 'md-inline',
146 +
type: 'Boolean',
147 +
description: 'Make the label inline. This means that the label will disappear when the input receives a focus.',
148 +
defaults: 'false'
149 +
},
150 +
{
151 +
name: 'md-nested',
152 +
type: 'Boolean',
153 +
description: 'Enable the nested layout. Its works only within toolbar',
154 +
defaults: 'false'
155 +
},
156 +
{
157 +
name: 'md-counter',
158 +
type: 'Boolean',
159 +
description: 'Enable the character counter. Only works with fields that have a <code>md-input</code> or <code>md-textarea</code> with a <code>maxlength</code> or <code>md-counter</code> attributes.',
160 +
defaults: 'false'
161 +
},
162 +
{
163 +
name: 'md-clearable',
164 +
type: 'Boolean',
165 +
description: 'Add a clear button on the right of the input.',
166 +
defaults: 'false'
167 +
},
168 +
{
169 +
name: 'md-toggle-password',
170 +
type: 'Boolean',
171 +
description: 'Add a toggle button on the right of the input to reveal/hide the password. Only works with fields that have a <code>md-input</code> with type password.',
172 +
defaults: 'false'
173 +
}
174 +
]
175 +
},
176 +
events: {
177 +
headings: ['Name', 'Description', 'Value'],
178 +
props: [
179 +
{
180 +
name: 'md-clear',
181 +
description: 'Triggered after a mouse click on clear icon. Only fired when md-clearable is true.',
182 +
value: '-'
183 +
}
184 +
]
185 +
}
173 186
},
174 187
input: {
175 188
headings: ['Name', 'Description', 'Default'],
@@ -138,6 +138,7 @@
138 138
methods: {
139 139
clearInput () {
140 140
this.MdField.clear = true
141 +
this.$emit('md-clear')
141 142
this.$nextTick().then(() => {
142 143
this.MdField.clear = false
143 144
})
You can’t perform that action at this time.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4