blob: 71c92980efa3cd93af5ee96e562575f9e756dc3f (
plain) (
blame)
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
|
<script>
import Switch from "$components/switch.svelte";
</script>
<section>
<h2>Default</h2>
<Switch/>
</section>
<section>
<h2>Short</h2>
<Switch type="short"/>
</section>
<section>
<h2>Icon</h2>
<Switch type="icon"/>
</section>
<section>
<h2>Label / Description</h2>
<div class="max-w-md">
<Switch label="Label" description="Some text"/>
</div>
</section>
<section>
<h2>Label / Description (right aligned)</h2>
<Switch label="Label" description="Some text" rightAlignedLabelDescription/>
</section>
|
