blob: cb0adecb252e9014bd83619b0b262f9e6be186a2 (
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>
|
