AstralRinth/src/routes/components/Button.md

Single example

<script lang="ts">
    import { Button } from "omorphia";
    import IconDownload from 'virtual:icons/heroicons-outline/download'
</script>

<Button color="raised"><IconDownload /> Download</Button>

Color variants 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>
</div>

With icons example

<script lang="ts">
    import { Button } from "omorphia";
    import IconDownload from 'virtual:icons/heroicons-outline/download'
    import IconHeart from 'virtual:icons/heroicons-outline/heart'
</script>

<div class="button-group">
    <Button color="primary"><IconDownload /></Button>
    <Button><IconHeart /> Follow mod </Button>
</div>