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

658 B

Simple example

<script lang="ts">
    import { Chips } from "omorphia";
</script>

<Chips options={[
    {
        label: 'One',
        value: 'one'
    },
    {
        label: 'Two',
        value: 'two'
    }]}
/>

Force an option to be selected with neverEmpty

<script lang="ts">
    import { Chips } from "omorphia";

    let foo = 'modpack'
</script>

<Chips neverEmpty bind:value={foo} options={[
    {
        label: 'Mod',
        value: 'mod'
    },
    {
        label: 'Modpack',
        value: 'modpack'
    },
    {
        label: 'World',
        value: 'world'
    }]}
/>