@muibook/components 1.0.1 → 1.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +4 -4
- package/readme.md +12 -0
- package/dist/create-mui-app/assets/index-DfcB3F-s.js +0 -597
- package/dist/create-mui-app/create-mui-app.css +0 -1
- package/dist/create-mui-app/index.html +0 -21
- package/dist/muibook/_redirects +0 -1
- package/dist/muibook/assets/base-B4dO4n0A.js +0 -198
- package/dist/muibook/assets/components-YZ3tjmIt.js +0 -122
- package/dist/muibook/assets/contextual-D648xs_u.js +0 -59
- package/dist/muibook/assets/image-1080-Bg-8LoSs.js +0 -1
- package/dist/muibook/assets/index-0bBJZTXh.js +0 -135
- package/dist/muibook/assets/index-B4Lbi-ZX.js +0 -82
- package/dist/muibook/assets/index-BJJtzLti.js +0 -144
- package/dist/muibook/assets/index-BN6UEWFf.js +0 -439
- package/dist/muibook/assets/index-Bc68V_xw.js +0 -140
- package/dist/muibook/assets/index-BnpaoEYs.js +0 -386
- package/dist/muibook/assets/index-BrZBJGo2.js +0 -4276
- package/dist/muibook/assets/index-Bx-SU7T2.js +0 -98
- package/dist/muibook/assets/index-C10sNeH-.js +0 -64
- package/dist/muibook/assets/index-C4ZnvuXX.js +0 -333
- package/dist/muibook/assets/index-C7Tqc5BR.js +0 -325
- package/dist/muibook/assets/index-CAkZAmud.js +0 -514
- package/dist/muibook/assets/index-CCegrD2J.js +0 -130
- package/dist/muibook/assets/index-CHZJlumm.js +0 -95
- package/dist/muibook/assets/index-CPZ8jubJ.js +0 -308
- package/dist/muibook/assets/index-CSLqxg9p.js +0 -73
- package/dist/muibook/assets/index-CT3BsW8R.js +0 -177
- package/dist/muibook/assets/index-CYYG9dAN.js +0 -270
- package/dist/muibook/assets/index-CdghbWW3.js +0 -42
- package/dist/muibook/assets/index-CfD1WQYQ.js +0 -106
- package/dist/muibook/assets/index-Ch40uilB.js +0 -52
- package/dist/muibook/assets/index-CwAai54c.js +0 -263
- package/dist/muibook/assets/index-CyWt9f96.js +0 -336
- package/dist/muibook/assets/index-D8hXO6aa.js +0 -131
- package/dist/muibook/assets/index-DBkw7VLa.js +0 -431
- package/dist/muibook/assets/index-DI0vNTNv.js +0 -56
- package/dist/muibook/assets/index-DNImaJPY.js +0 -96
- package/dist/muibook/assets/index-DP6CCnt0.js +0 -257
- package/dist/muibook/assets/index-DR5X8zCc.js +0 -67
- package/dist/muibook/assets/index-DZQ8pS6y.js +0 -133
- package/dist/muibook/assets/index-DlZ1b9ZK.js +0 -233
- package/dist/muibook/assets/index-DwnvCJk0.js +0 -177
- package/dist/muibook/assets/index-_4AZFkzS.js +0 -328
- package/dist/muibook/assets/index-dkW0Vbeg.js +0 -429
- package/dist/muibook/assets/index-ehE10GAP.js +0 -40
- package/dist/muibook/assets/index-icuV1guL.js +0 -69
- package/dist/muibook/assets/index-qOE8f0sK.js +0 -72
- package/dist/muibook/assets/layout-BT0xIYa9.js +0 -184
- package/dist/muibook/assets/mui-D6S1tQ24.js +0 -1
- package/dist/muibook/assets/mui-logo-mobile-DuEMz_jq.js +0 -31
- package/dist/muibook/assets/semantic-cbNjeY5p.js +0 -111
- package/dist/muibook/assets/spacing-DY3cAXq0.js +0 -82
- package/dist/muibook/assets/surface-CMaW9FgJ.js +0 -148
- package/dist/muibook/assets/text-TVCTYde0.js +0 -130
- package/dist/muibook/assets/visual-B_21dq90.js +0 -96
- package/dist/muibook/buttercup.png +0 -0
- package/dist/muibook/create-mui-app.jpg +0 -0
- package/dist/muibook/crystal.png +0 -0
- package/dist/muibook/diamond.png +0 -0
- package/dist/muibook/emerald.svg +0 -13
- package/dist/muibook/favicon.ico +0 -0
- package/dist/muibook/hero-guides.png +0 -0
- package/dist/muibook/hero-outcomes.png +0 -0
- package/dist/muibook/image-1080.png +0 -0
- package/dist/muibook/image-220.png +0 -0
- package/dist/muibook/image-395.png +0 -0
- package/dist/muibook/index.html +0 -38
- package/dist/muibook/logo192.png +0 -0
- package/dist/muibook/mui-tokens.jpg +0 -0
- package/dist/muibook/muibook.css +0 -1
- package/dist/muibook/premier.png +0 -0
- package/dist/muibook/ruby.svg +0 -13
- package/dist/muibook/sapphire.png +0 -0
- package/dist/muibook/sapphire.svg +0 -13
- package/dist/muibook/snowy-mint.png +0 -0
- package/dist/types/components/mui-accordion/mui-accordion-block/index.d.ts +0 -2
- package/dist/types/components/mui-accordion/mui-accordion-group/index.d.ts +0 -1
- package/dist/types/components/mui-accordion/mui-accordion-inline/index.d.ts +0 -2
- package/dist/types/components/mui-icons/chevron.d.ts +0 -1
- package/dist/types/components/mui-icons/mui-icon-add.d.ts +0 -1
- package/dist/types/components/mui-icons/mui-icon-down-chevron.d.ts +0 -1
- package/dist/types/components/mui-icons/mui-icon-moon.d.ts +0 -1
- package/dist/types/components/mui-icons/mui-icon-right-chevron.d.ts +0 -1
- package/dist/types/components/mui-icons/mui-icon-sun.d.ts +0 -1
- package/dist/types/components/mui-stack/mui-hstack/index.d.ts +0 -1
- package/dist/types/components/mui-stack/mui-vstack/index.d.ts +0 -1
- package/dist/types/components/mui-table/row/row.d.ts +0 -1
- package/dist/types/create-app/index.d.ts +0 -15
|
@@ -1,386 +0,0 @@
|
|
|
1
|
-
import{I as p}from"./image-1080-Bg-8LoSs.js";class t extends HTMLElement{constructor(){super();const n=this.attachShadow({mode:"open"}),s=`
|
|
2
|
-
:host { display: block; }
|
|
3
|
-
`,b="1fr 1fr 1fr auto";n.innerHTML=`
|
|
4
|
-
<style>${s}</style>
|
|
5
|
-
|
|
6
|
-
<story-template
|
|
7
|
-
title="Card"
|
|
8
|
-
description="The Card provides the ability to group items or components."
|
|
9
|
-
figma="https://www.figma.com/design/l0mt1lXu97XoHJCEdnrWLp/Mui-Design-System?node-id=3-861&t=fSFYVey9aCoE5oQa-1"
|
|
10
|
-
github="https://github.com/michaeltrilford/muibook/tree/b060f2c788d521abd1f16889a460822d0cf8da3d/src/components/mui-card"
|
|
11
|
-
>
|
|
12
|
-
|
|
13
|
-
<mui-v-stack space="var(--space-700)">
|
|
14
|
-
|
|
15
|
-
<story-card title="Card">
|
|
16
|
-
<div slot="body">
|
|
17
|
-
<mui-card>
|
|
18
|
-
<mui-card-header>
|
|
19
|
-
<mui-heading size="3">Card</mui-heading>
|
|
20
|
-
</mui-card-header>
|
|
21
|
-
<mui-card-body>
|
|
22
|
-
<mui-body>Etiam porta sem malesuada magna mollis euismod. Fusce dapibus,
|
|
23
|
-
tellus ac cursus commodo, tortor mauris condimentum nibh, ut
|
|
24
|
-
fermentum massa justo sit amet risus.
|
|
25
|
-
</mui-body>
|
|
26
|
-
</mui-card-body>
|
|
27
|
-
</mui-card>
|
|
28
|
-
</div>
|
|
29
|
-
<mui-code slot="footer">
|
|
30
|
-
<mui-card>
|
|
31
|
-
<br />
|
|
32
|
-
<mui-card-header>
|
|
33
|
-
<br />
|
|
34
|
-
<mui-heading size="3">...</mui-heading>
|
|
35
|
-
<br />
|
|
36
|
-
</mui-card-header>
|
|
37
|
-
<br />
|
|
38
|
-
<mui-card-body>Basic
|
|
39
|
-
card</mui-card-body>
|
|
40
|
-
<br />
|
|
41
|
-
</mui-card>
|
|
42
|
-
</mui-code>
|
|
43
|
-
</story-card>
|
|
44
|
-
|
|
45
|
-
<story-card title="Card w/ footer actions">
|
|
46
|
-
<div slot="body">
|
|
47
|
-
<mui-card>
|
|
48
|
-
<mui-card-header>
|
|
49
|
-
<mui-heading size="3">Title</mui-heading>
|
|
50
|
-
</mui-card-header>
|
|
51
|
-
<mui-card-body>
|
|
52
|
-
<mui-body>Etiam porta sem malesuada magna mollis euismod. Fusce dapibus,
|
|
53
|
-
tellus ac cursus commodo, tortor mauris condimentum nibh, ut
|
|
54
|
-
fermentum massa justo sit amet risus.
|
|
55
|
-
</mui-body>
|
|
56
|
-
</mui-card-body>
|
|
57
|
-
<mui-card-footer>
|
|
58
|
-
<mui-button-group right>
|
|
59
|
-
<mui-button variant="secondary">Cancel</mui-button>
|
|
60
|
-
<mui-button variant="primary">Submit</mui-button>
|
|
61
|
-
</mui-button-group>
|
|
62
|
-
</mui-card-footer>
|
|
63
|
-
</mui-card>
|
|
64
|
-
</div>
|
|
65
|
-
<mui-code slot="footer">
|
|
66
|
-
<mui-card footer>
|
|
67
|
-
<br />
|
|
68
|
-
<mui-card-header>
|
|
69
|
-
<br />
|
|
70
|
-
<mui-heading size="3">...</mui-heading>
|
|
71
|
-
<br />
|
|
72
|
-
</mui-card-header>
|
|
73
|
-
<br />
|
|
74
|
-
<mui-card-body>...</mui-card-body>
|
|
75
|
-
<br />
|
|
76
|
-
<mui-card-footer>
|
|
77
|
-
<br />
|
|
78
|
-
<mui-button-group right>
|
|
79
|
-
<br />
|
|
80
|
-
<mui-button
|
|
81
|
-
variant="secondary">Cancel</mui-button>
|
|
82
|
-
<br />
|
|
83
|
-
<mui-button
|
|
84
|
-
variant="primary">Submit</mui-button>
|
|
85
|
-
<br />
|
|
86
|
-
</mui-button-group>
|
|
87
|
-
<br />
|
|
88
|
-
<mui-card-footer>
|
|
89
|
-
<br />
|
|
90
|
-
</mui-card>
|
|
91
|
-
</mui-code>
|
|
92
|
-
</story-card>
|
|
93
|
-
|
|
94
|
-
<story-card title="Card with image">
|
|
95
|
-
<div slot="body">
|
|
96
|
-
<mui-card>
|
|
97
|
-
<mui-card-header>
|
|
98
|
-
<mui-heading size="3">Title</mui-heading>
|
|
99
|
-
</mui-card-header>
|
|
100
|
-
<mui-card-body>
|
|
101
|
-
<mui-image>
|
|
102
|
-
<img slot="image" src="${p}" alt="image-1080" />
|
|
103
|
-
</mui-image>
|
|
104
|
-
</mui-card-body>
|
|
105
|
-
</mui-card>
|
|
106
|
-
</div>
|
|
107
|
-
<mui-code slot="footer">
|
|
108
|
-
<mui-card footer>
|
|
109
|
-
<br />
|
|
110
|
-
<mui-card-header>
|
|
111
|
-
<br />
|
|
112
|
-
<mui-heading size="3">...</mui-heading>
|
|
113
|
-
<br />
|
|
114
|
-
</mui-card-header>
|
|
115
|
-
<br />
|
|
116
|
-
<mui-card-body>
|
|
117
|
-
<br />
|
|
118
|
-
<mui-image>
|
|
119
|
-
<br />
|
|
120
|
-
<img slot="image" src="images/story/image-1080.png" alt="image-1080" />
|
|
121
|
-
<br />
|
|
122
|
-
</mui-image>
|
|
123
|
-
<br />
|
|
124
|
-
</mui-card-body>
|
|
125
|
-
<br />
|
|
126
|
-
</mui-card>
|
|
127
|
-
</mui-code>
|
|
128
|
-
</story-card>
|
|
129
|
-
|
|
130
|
-
<story-card title="Card w/ Table">
|
|
131
|
-
<div slot="body">
|
|
132
|
-
<mui-card>
|
|
133
|
-
<mui-card-body>
|
|
134
|
-
<mui-table>
|
|
135
|
-
<mui-row-group heading>
|
|
136
|
-
<mui-row columns="${b}">
|
|
137
|
-
<mui-cell heading>Office</mui-cell>
|
|
138
|
-
<mui-cell heading>Revenue</mui-cell>
|
|
139
|
-
<mui-cell heading>Cost</mui-cell>
|
|
140
|
-
<mui-cell heading action>
|
|
141
|
-
</mui-cell>
|
|
142
|
-
</mui-row>
|
|
143
|
-
</mui-row-group>
|
|
144
|
-
<mui-row-group>
|
|
145
|
-
<mui-row columns="${b}">
|
|
146
|
-
<mui-cell data-label="Office:">Whalen</mui-cell>
|
|
147
|
-
<mui-cell data-label="Revenue:">$4,400.00</mui-cell>
|
|
148
|
-
<mui-cell data-label="Cost:">$1,100.00</mui-cell>
|
|
149
|
-
<mui-cell data-label="" action>
|
|
150
|
-
<mui-button variant="tertiary" icon-only> <mui-icon-add size="small"></mui-icon-add></mui-button>
|
|
151
|
-
</mui-cell>
|
|
152
|
-
</mui-row>
|
|
153
|
-
<mui-row columns="${b}">
|
|
154
|
-
<mui-cell data-label="Office:">Whalen</mui-cell>
|
|
155
|
-
<mui-cell data-label="Revenue:">$4,400.00</mui-cell>
|
|
156
|
-
<mui-cell data-label="Cost:">$1,100.00</mui-cell>
|
|
157
|
-
<mui-cell data-label="" action>
|
|
158
|
-
<mui-button variant="tertiary" icon-only> <mui-icon-add size="small"></mui-icon-add></mui-button>
|
|
159
|
-
</mui-cell>
|
|
160
|
-
</mui-row>
|
|
161
|
-
</mui-row-group>
|
|
162
|
-
</mui-table>
|
|
163
|
-
</mui-card-body>
|
|
164
|
-
</mui-card>
|
|
165
|
-
</div>
|
|
166
|
-
<mui-code slot="footer">
|
|
167
|
-
const Columns = `1fr 1fr 1fr auto`;<br>
|
|
168
|
-
<br>
|
|
169
|
-
<mui-card><br>
|
|
170
|
-
<mui-card-body><br>
|
|
171
|
-
<mui-table><br>
|
|
172
|
-
<mui-row-group heading><br>
|
|
173
|
-
<mui-row columns="\${Columns}"><br>
|
|
174
|
-
<mui-cell heading>Office</mui-cell><br>
|
|
175
|
-
<mui-cell heading>Revenue</mui-cell><br>
|
|
176
|
-
<mui-cell heading>Cost</mui-cell><br>
|
|
177
|
-
<mui-cell heading action></mui-cell><br>
|
|
178
|
-
</mui-row><br>
|
|
179
|
-
</mui-row-group><br>
|
|
180
|
-
<mui-row-group><br>
|
|
181
|
-
<mui-row columns="\${Columns}"><br>
|
|
182
|
-
<mui-cell data-label="Office:">Whalen</mui-cell><br>
|
|
183
|
-
<mui-cell data-label="Revenue:">$4,400.00</mui-cell><br>
|
|
184
|
-
<mui-cell data-label="Cost:">$1,100.00</mui-cell><br>
|
|
185
|
-
<mui-cell data-label="" action><br>
|
|
186
|
-
<mui-button variant="tertiary" icon-only><br>
|
|
187
|
-
<mui-icon-add size="small"></mui-icon-add><br>
|
|
188
|
-
</mui-button><br>
|
|
189
|
-
</mui-cell><br>
|
|
190
|
-
</mui-row><br>
|
|
191
|
-
<mui-row columns="\${Columns}"><br>
|
|
192
|
-
<mui-cell data-label="Office:">Whalen</mui-cell><br>
|
|
193
|
-
<mui-cell data-label="Revenue:">$4,400.00</mui-cell><br>
|
|
194
|
-
<mui-cell data-label="Cost:">$1,100.00</mui-cell><br>
|
|
195
|
-
<mui-cell data-label="" action><br>
|
|
196
|
-
<mui-button variant="tertiary" icon-only><br>
|
|
197
|
-
<mui-icon-add size="small"></mui-icon-add><br>
|
|
198
|
-
</mui-button><br>
|
|
199
|
-
</mui-cell><br>
|
|
200
|
-
</mui-row><br>
|
|
201
|
-
</mui-row-group><br>
|
|
202
|
-
</mui-table><br>
|
|
203
|
-
</mui-card-body><br>
|
|
204
|
-
<mui-card-footer><br>
|
|
205
|
-
<mui-code></mui-code><br>
|
|
206
|
-
</mui-card-footer><br>
|
|
207
|
-
</mui-card>
|
|
208
|
-
</mui-code>
|
|
209
|
-
</story-card>
|
|
210
|
-
|
|
211
|
-
<story-card title="Card Header w/ Table">
|
|
212
|
-
<div slot="body">
|
|
213
|
-
<mui-card>
|
|
214
|
-
<mui-card-header>
|
|
215
|
-
<mui-heading size="3">Title</mui-heading>
|
|
216
|
-
</mui-card-header>
|
|
217
|
-
<mui-rule></mui-rule>
|
|
218
|
-
<mui-card-body>
|
|
219
|
-
<mui-table>
|
|
220
|
-
<mui-row-group heading>
|
|
221
|
-
<mui-row columns="${b}">
|
|
222
|
-
<mui-cell heading>Office</mui-cell>
|
|
223
|
-
<mui-cell heading>Revenue</mui-cell>
|
|
224
|
-
<mui-cell heading>Cost</mui-cell>
|
|
225
|
-
<mui-cell heading action>
|
|
226
|
-
</mui-cell>
|
|
227
|
-
</mui-row>
|
|
228
|
-
</mui-row-group>
|
|
229
|
-
<mui-row-group>
|
|
230
|
-
<mui-row columns="${b}">
|
|
231
|
-
<mui-cell data-label="Office:">Whalen</mui-cell>
|
|
232
|
-
<mui-cell data-label="Revenue:">$4,400.00</mui-cell>
|
|
233
|
-
<mui-cell data-label="Cost:">$1,100.00</mui-cell>
|
|
234
|
-
<mui-cell data-label="" action>
|
|
235
|
-
<mui-button variant="tertiary" icon-only> <mui-icon-add size="small"></mui-icon-add></mui-button>
|
|
236
|
-
</mui-cell>
|
|
237
|
-
</mui-row>
|
|
238
|
-
<mui-row columns="${b}">
|
|
239
|
-
<mui-cell data-label="Office:">Whalen</mui-cell>
|
|
240
|
-
<mui-cell data-label="Revenue:">$4,400.00</mui-cell>
|
|
241
|
-
<mui-cell data-label="Cost:">$1,100.00</mui-cell>
|
|
242
|
-
<mui-cell data-label="" action>
|
|
243
|
-
<mui-button variant="tertiary" icon-only> <mui-icon-add size="small"></mui-icon-add></mui-button>
|
|
244
|
-
</mui-cell>
|
|
245
|
-
</mui-row>
|
|
246
|
-
</mui-row-group>
|
|
247
|
-
</mui-table>
|
|
248
|
-
</mui-card-body>
|
|
249
|
-
</mui-card>
|
|
250
|
-
</div>
|
|
251
|
-
<mui-code slot="footer">
|
|
252
|
-
const Columns = `1fr 1fr 1fr auto`;<br>
|
|
253
|
-
<br>
|
|
254
|
-
<mui-card><br>
|
|
255
|
-
<mui-card-header><br>
|
|
256
|
-
<mui-heading size="3">Title</mui-heading><br>
|
|
257
|
-
</mui-card-header><br>
|
|
258
|
-
<mui-rule></mui-rule><br>
|
|
259
|
-
<mui-card-body><br>
|
|
260
|
-
<mui-table><br>
|
|
261
|
-
<mui-row-group heading><br>
|
|
262
|
-
<mui-row columns="\${Columns}"><br>
|
|
263
|
-
<mui-cell heading>Office</mui-cell><br>
|
|
264
|
-
<mui-cell heading>Revenue</mui-cell><br>
|
|
265
|
-
<mui-cell heading>Cost</mui-cell><br>
|
|
266
|
-
<mui-cell heading action></mui-cell><br>
|
|
267
|
-
</mui-row><br>
|
|
268
|
-
</mui-row-group><br>
|
|
269
|
-
<mui-row-group><br>
|
|
270
|
-
<mui-row columns="\${Columns}"><br>
|
|
271
|
-
<mui-cell data-label="Office:">Whalen</mui-cell><br>
|
|
272
|
-
<mui-cell data-label="Revenue:">$4,400.00</mui-cell><br>
|
|
273
|
-
<mui-cell data-label="Cost:">$1,100.00</mui-cell><br>
|
|
274
|
-
<mui-cell data-label="" action><br>
|
|
275
|
-
<mui-button variant="tertiary" icon-only><br>
|
|
276
|
-
<mui-icon-add size="small"></mui-icon-add><br>
|
|
277
|
-
</mui-button><br>
|
|
278
|
-
</mui-cell><br>
|
|
279
|
-
</mui-row><br>
|
|
280
|
-
<mui-row columns="\${Columns}"><br>
|
|
281
|
-
<mui-cell data-label="Office:">Whalen</mui-cell><br>
|
|
282
|
-
<mui-cell data-label="Revenue:">$4,400.00</mui-cell><br>
|
|
283
|
-
<mui-cell data-label="Cost:">$1,100.00</mui-cell><br>
|
|
284
|
-
<mui-cell data-label="" action><br>
|
|
285
|
-
<mui-button variant="tertiary" icon-only><br>
|
|
286
|
-
<mui-icon-add size="small"></mui-icon-add><br>
|
|
287
|
-
</mui-button><br>
|
|
288
|
-
</mui-cell><br>
|
|
289
|
-
</mui-row><br>
|
|
290
|
-
</mui-row-group><br>
|
|
291
|
-
</mui-table><br>
|
|
292
|
-
</mui-card-body><br>
|
|
293
|
-
</mui-card>
|
|
294
|
-
</mui-code>
|
|
295
|
-
</story-card>
|
|
296
|
-
|
|
297
|
-
<story-card title="Card w/ Accordion">
|
|
298
|
-
<div slot="body">
|
|
299
|
-
<mui-card>
|
|
300
|
-
<mui-card-body>
|
|
301
|
-
<mui-accordion-group exclusive>
|
|
302
|
-
<mui-accordion-block heading="Heading">
|
|
303
|
-
<div slot="detail">
|
|
304
|
-
Content
|
|
305
|
-
</div>
|
|
306
|
-
</mui-accordion-block>
|
|
307
|
-
<mui-accordion-block heading="Heading">
|
|
308
|
-
<div slot="detail">
|
|
309
|
-
Content
|
|
310
|
-
</div>
|
|
311
|
-
</mui-accordion-block>
|
|
312
|
-
</mui-accordion-group>
|
|
313
|
-
</mui-card-body>
|
|
314
|
-
</mui-card>
|
|
315
|
-
</div>
|
|
316
|
-
<mui-code slot="footer">
|
|
317
|
-
<mui-card><br>
|
|
318
|
-
<mui-card-body><br>
|
|
319
|
-
<mui-accordion-group exclusive><br>
|
|
320
|
-
<mui-accordion-block heading="Heading"><br>
|
|
321
|
-
<div slot="detail"><br>
|
|
322
|
-
Content<br>
|
|
323
|
-
</div><br>
|
|
324
|
-
</mui-accordion-block><br>
|
|
325
|
-
<mui-accordion-block heading="Heading"><br>
|
|
326
|
-
<div slot="detail"><br>
|
|
327
|
-
Content<br>
|
|
328
|
-
</div><br>
|
|
329
|
-
</mui-accordion-block><br>
|
|
330
|
-
</mui-accordion-group><br>
|
|
331
|
-
</mui-card-body><br>
|
|
332
|
-
</mui-card>
|
|
333
|
-
</mui-code>
|
|
334
|
-
</story-card>
|
|
335
|
-
|
|
336
|
-
<story-card title="Card Header w/ Accordion">
|
|
337
|
-
<div slot="body">
|
|
338
|
-
<mui-card>
|
|
339
|
-
<mui-card-header>
|
|
340
|
-
<mui-heading size="3">Title</mui-heading>
|
|
341
|
-
</mui-card-header>
|
|
342
|
-
<mui-rule></mui-rule>
|
|
343
|
-
<mui-card-body>
|
|
344
|
-
<mui-accordion-group exclusive>
|
|
345
|
-
<mui-accordion-block heading="Heading">
|
|
346
|
-
<div slot="detail">
|
|
347
|
-
Content
|
|
348
|
-
</div>
|
|
349
|
-
</mui-accordion-block>
|
|
350
|
-
<mui-accordion-block heading="Heading">
|
|
351
|
-
<div slot="detail">
|
|
352
|
-
Content
|
|
353
|
-
</div>
|
|
354
|
-
</mui-accordion-block>
|
|
355
|
-
</mui-accordion-group>
|
|
356
|
-
</mui-card-body>
|
|
357
|
-
</mui-card>
|
|
358
|
-
</div>
|
|
359
|
-
<mui-code slot="footer">
|
|
360
|
-
<mui-card><br>
|
|
361
|
-
<mui-card-header><br>
|
|
362
|
-
<mui-heading size="3">Title</mui-heading><br>
|
|
363
|
-
</mui-card-header><br>
|
|
364
|
-
<mui-rule></mui-rule><br>
|
|
365
|
-
<mui-card-body><br>
|
|
366
|
-
<mui-accordion-group exclusive><br>
|
|
367
|
-
<mui-accordion-block heading="Heading"><br>
|
|
368
|
-
<div slot="detail"><br>
|
|
369
|
-
Content<br>
|
|
370
|
-
</div><br>
|
|
371
|
-
</mui-accordion-block><br>
|
|
372
|
-
<mui-accordion-block heading="Heading"><br>
|
|
373
|
-
<div slot="detail"><br>
|
|
374
|
-
Content<br>
|
|
375
|
-
</div><br>
|
|
376
|
-
</mui-accordion-block><br>
|
|
377
|
-
</mui-accordion-group><br>
|
|
378
|
-
</mui-card-body><br>
|
|
379
|
-
</mui-card>
|
|
380
|
-
</mui-code>
|
|
381
|
-
</story-card>
|
|
382
|
-
|
|
383
|
-
</mui-v-stack>
|
|
384
|
-
|
|
385
|
-
</story-template>
|
|
386
|
-
`}}customElements.define("story-cards",t);
|