2022-04-02 16:17:58 -07:00
|
|
|
### Single example
|
|
|
|
|
|
|
|
|
|
```svelte example
|
|
|
|
|
<script lang="ts">
|
|
|
|
|
import { Button } from "omorphia";
|
|
|
|
|
import IconDownload from 'virtual:icons/heroicons-outline/download'
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<Button color="primary"><IconDownload /> Download</Button>
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
### Group example
|
|
|
|
|
|
2022-03-29 00:44:23 -07:00
|
|
|
```svelte example
|
2022-03-20 00:19:51 -07:00
|
|
|
<script lang="ts">
|
2022-04-02 16:17:58 -07:00
|
|
|
import { Button } from "omorphia";
|
|
|
|
|
import IconDownload from 'virtual:icons/heroicons-outline/download'
|
2022-03-20 00:19:51 -07:00
|
|
|
</script>
|
|
|
|
|
|
2022-04-02 16:17:58 -07:00
|
|
|
<div class="button-group">
|
|
|
|
|
<Button>Default button</Button>
|
|
|
|
|
<Button color="raised">Raised button</Button>
|
|
|
|
|
<Button color="primary">Primary button</Button>
|
|
|
|
|
<Button color="primary-light">Light primary button</Button>
|
|
|
|
|
<Button color="danger">Danger button</Button>
|
|
|
|
|
<Button color="danger-light">Light danger button</Button>
|
|
|
|
|
<Button color="transparent">Transparent button</Button>
|
|
|
|
|
<Button disabled>Disabled button</Button>
|
|
|
|
|
<Button color="primary"><IconDownload /></Button>
|
|
|
|
|
</div>
|
2022-03-29 00:44:23 -07:00
|
|
|
```
|