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'
|
2022-05-20 00:10:45 -07:00
|
|
|
|
2022-06-04 00:46:23 -07:00
|
|
|
let options = Array(100)
|
|
|
|
|
.fill({})
|
2022-07-02 22:14:20 -07:00
|
|
|
.map((option, index) => ({
|
|
|
|
|
label: 'Star-' + index,
|
2022-06-04 00:46:23 -07:00
|
|
|
icon: IconStar,
|
2022-07-02 22:14:20 -07:00
|
|
|
value: index,
|
2022-06-04 00:46:23 -07:00
|
|
|
}))
|
2022-05-20 00:10:45 -07:00
|
|
|
|
2022-07-02 22:14:20 -07:00
|
|
|
let selected = [22, 24]
|
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}
|
|
|
|
|
```
|