2022-04-16 00:29:35 -07:00
|
|
|
```svelte example raised
|
2022-03-29 22:06:43 -07:00
|
|
|
<script lang="ts">
|
2022-06-04 00:46:23 -07:00
|
|
|
import { CheckboxVirtualList } from 'omorphia'
|
|
|
|
|
import IconStar from 'virtual:icons/heroicons-outline/star'
|
|
|
|
|
import { uniqueId } from 'omorphia/utils/uniqueId'
|
2022-05-20 00:10:45 -07:00
|
|
|
|
2022-06-04 00:46:23 -07:00
|
|
|
let options = Array(100)
|
|
|
|
|
.fill({})
|
|
|
|
|
.map((option) => ({
|
|
|
|
|
label: 'Star-' + uniqueId(),
|
|
|
|
|
icon: IconStar,
|
|
|
|
|
value: uniqueId(),
|
|
|
|
|
}))
|
2022-05-20 00:10:45 -07:00
|
|
|
|
2022-06-04 00:46:23 -07:00
|
|
|
let selected = ['2', '6']
|
2022-03-29 22:06:43 -07:00
|
|
|
</script>
|
|
|
|
|
|
2022-06-04 00:46:23 -07:00
|
|
|
<CheckboxVirtualList bind:value={selected} {options} />
|
2022-03-29 22:06:43 -07:00
|
|
|
|
|
|
|
|
Selected: {selected}
|
|
|
|
|
```
|