sm Modal size

This commit is contained in:
venashial
2022-06-18 17:31:29 -07:00
parent 87a8706299
commit a1932fa3dc
2 changed files with 21 additions and 8 deletions

View File

@@ -2,12 +2,20 @@
<script lang="ts">
import { Modal, Button } from 'omorphia'
import IconArrowRight from 'virtual:icons/heroicons-outline/arrow-right'
import IconCheck from 'virtual:icons/heroicons-outline/check'
</script>
<Modal title="Example modal" danger cancelButton let:trigger>
<Modal title="Example modal" danger let:trigger>
<Button on:click={trigger} slot="trigger">Open modal</Button>
<p>Secret message goes here!</p>
<Button color="primary" slot="button"><IconArrowRight /> Continue</Button>
</Modal>
<Modal let:trigger size='sm'>
<Button on:click={trigger} slot="trigger">Confirm modal</Button>
Are you sure you want to delete this gallery image?
<Button color="primary" slot="button"><IconCheck /> Confirm</Button>
</Modal>
```