1
0
Files
AstralRinth/src/routes/components/CheckboxVirtualList.md

548 B

<script lang="ts">
    import CheckboxVirtualList from "omorphia/components/CheckboxVirtualList.svelte";
    import IconStar from 'virtual:icons/heroicons-outline/star'
    import uniqueId from 'lodash.uniqueid'
    
    let options = Array(100).fill({})
        .map(option => ({
            label: 'Star-' + uniqueId(),
            icon: IconStar,
            value: uniqueId(),
        }))
    
    let selected = ['2', '6']
</script>

<CheckboxVirtualList 
    bind:value={selected}
    {options}
/>

Selected: {selected}