-
-
Notifications
You must be signed in to change notification settings - Fork 286
/
_Multiple.svelte
45 lines (42 loc) · 963 Bytes
/
_Multiple.svelte
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<div class="accordion-container">
<Accordion multiple>
<Panel>
<Header>Panel 1</Header>
<Content>
The content for panel 1.
<ul>
<li>Some</li>
<li>List</li>
<li>Items</li>
</ul>
</Content>
</Panel>
<Panel>
<Header>Panel 2</Header>
<Content>The content for panel 2.</Content>
</Panel>
<Panel>
<Header>Panel 3</Header>
<Content>
The content for panel 3.
<ul>
<li>Some</li>
<li>More</li>
<li>List</li>
<li>Items</li>
<li>To</li>
<li>Show</li>
<li>Big</li>
<li>Height</li>
</ul>
</Content>
</Panel>
<Panel>
<Header>Panel 4</Header>
<Content>The content for panel 4.</Content>
</Panel>
</Accordion>
</div>
<script lang="ts">
import Accordion, { Panel, Header, Content } from '@smui-extra/accordion';
</script>