Skip to content

Commit d8c5169

Browse files
committed
add modal samples
1 parent 25a0bd6 commit d8c5169

File tree

1 file changed

+18
-0
lines changed

1 file changed

+18
-0
lines changed
+18
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
<script>
2+
import Modal from 'src/components/Modal.svelte'
3+
import UserForm from 'src/samples/UserForm.svelte'
4+
import Button from 'src/components/Button.svelte'
5+
6+
let showNormal = false, showWide = false
7+
</script>
8+
9+
<Button label="Show Normal Modal" on:click={() => showNormal = true}/>
10+
<Button label="Show Wide Modal" on:click={() => showWide = true}/>
11+
12+
<Modal title="Normal Modal" bind:show={showNormal}>
13+
<UserForm/>
14+
</Modal>
15+
16+
<Modal title="Wide Modal" bind:show={showWide} wide>
17+
<UserForm/>
18+
</Modal>

0 commit comments

Comments
 (0)