You've already forked AstralRinth
forked from didirus/AstralRinth
Add classes: Actions + Divider + Illustration + InfoTable + Stat, Add utilities (needs docs)
This commit is contained in:
@@ -1,10 +1,31 @@
|
||||
### Single example
|
||||
|
||||
```svelte example
|
||||
<script lang="ts">
|
||||
import Button from "omorphia/components/Button.svelte";
|
||||
import { Button } from "omorphia";
|
||||
import IconDownload from 'virtual:icons/heroicons-outline/download'
|
||||
</script>
|
||||
|
||||
<Button>Eat cake</Button>
|
||||
<Button size="sm" color="primary">Small piece</Button>
|
||||
<Button size="lg" color="danger">Big part</Button>
|
||||
<Button disabled>Nice try</Button>
|
||||
<Button color="primary"><IconDownload /> Download</Button>
|
||||
```
|
||||
|
||||
### Group example
|
||||
|
||||
```svelte example
|
||||
<script lang="ts">
|
||||
import { Button } from "omorphia";
|
||||
import IconDownload from 'virtual:icons/heroicons-outline/download'
|
||||
</script>
|
||||
|
||||
<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>
|
||||
```
|
||||
Reference in New Issue
Block a user