+59
-2
lines changedFilter options
+59
-2
lines changed Original file line number Diff line number Diff line change
@@ -54,7 +54,15 @@
54 54
<code-example title="Expansion" :component="examples['list-expansion']" />
55 55 56 56
<api-item title="API - md-list">
57 -
Coming soon...
57 +
<p>The following options can be applied to any list:</p>
58 + 59 +
<api-table :headings="list.classes.headings" :props="list.classes.props" slot="classes" />
60 +
</api-item>
61 + 62 +
<api-item title="API - md-list-item">
63 +
<p>The following options can be applied to any list item. All <a href="https://router.vuejs.org/en/api/router-link.html" target="_blank">options</a> of <code>router-link</code> can be simply used here:</p>
64 + 65 +
<api-table :headings="item.props.headings" :props="item.props.props" slot="props" />
58 66
</api-item>
59 67
</div>
60 68
</page-container>
@@ -68,7 +76,56 @@
68 76
name: 'DocList',
69 77
mixins: [examples],
70 78
data: () => ({
71 -
interactionEvents: MdInteractionEvents
79 +
interactionEvents: MdInteractionEvents,
80 +
list: {
81 +
props: {
82 +
headings: ['Name', 'Description', 'Default'],
83 +
props: [
84 +
{
85 +
name: 'id',
86 +
type: 'String',
87 +
description: 'The item id. Used when changing the selected item dynamically',
88 +
defaults: 'a random string'
89 +
}
90 +
]
91 +
},
92 +
classes: {
93 +
headings: ['Name', 'Description'],
94 +
props: [
95 +
{
96 +
name: 'md-dense',
97 +
description: 'Enables the dense layout'
98 +
},
99 +
{
100 +
name: 'md-double-line',
101 +
description: 'The double line lists are good to show additional information about single items'
102 +
},
103 +
{
104 +
name: 'md-triple-line',
105 +
description: 'The three line lists are great for showing a preview of the full content of the item'
106 +
}
107 +
]
108 +
}
109 +
},
110 +
item: {
111 +
props: {
112 +
headings: ['Name', 'Description', 'Default'],
113 +
props: [
114 +
{
115 +
name: 'md-expand',
116 +
type: 'Boolean',
117 +
description: 'Enables the expansion panel',
118 +
defaults: 'false'
119 +
},
120 +
{
121 +
name: 'md-expanded',
122 +
type: 'Boolean',
123 +
description: 'The prop to show/hide the expansion panel. Should be used with the <code>.sync</code> modifier',
124 +
defaults: 'false'
125 +
}
126 +
]
127 +
}
128 +
}
72 129
})
73 130
}
74 131
</script>
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