Files
AstralRinth/src/routes/components/CheckboxList.md
2022-05-20 00:10:45 -07:00

711 B

<script lang="ts">
    import { CheckboxList } from "omorphia";
    import IconSquare from 'virtual:icons/lucide/square'
    import IconCircle from 'virtual:icons/lucide/circle'
    import IconTriangle from 'virtual:icons/lucide/triangle'

    let selected = []
</script>

<CheckboxList
    bind:value={selected}
    options={[
        {
            label: 'Circle',
            icon: IconCircle,
            value: 'CIR',
        },
        {
            label: 'Triangle',
            icon: IconTriangle,
            value: 'TRI',
        },
        {
            label: 'Square',
            icon: IconSquare,
            value: 'SQU',
        },
    ]}
/>

Selected: {selected}