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 { CheckboxList } from 'omorphia'
|
|
|
|
|
import IconSquare from 'virtual:icons/lucide/square'
|
|
|
|
|
import IconCircle from 'virtual:icons/lucide/circle'
|
|
|
|
|
import IconTriangle from 'virtual:icons/lucide/triangle'
|
2022-05-20 00:10:45 -07:00
|
|
|
|
2022-07-01 17:20:08 -07:00
|
|
|
let selected = ['TRI']
|
2022-03-29 22:06:43 -07:00
|
|
|
</script>
|
|
|
|
|
|
2022-05-20 00:10:45 -07:00
|
|
|
<CheckboxList
|
2022-06-04 00:46:23 -07:00
|
|
|
bind:value={selected}
|
|
|
|
|
options={[
|
|
|
|
|
{
|
|
|
|
|
label: 'Circle',
|
|
|
|
|
icon: IconCircle,
|
|
|
|
|
value: 'CIR',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: 'Triangle',
|
|
|
|
|
icon: IconTriangle,
|
|
|
|
|
value: 'TRI',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: 'Square',
|
|
|
|
|
icon: IconSquare,
|
|
|
|
|
value: 'SQU',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: 'Blank',
|
|
|
|
|
value: 'BLA',
|
|
|
|
|
},
|
|
|
|
|
]} />
|
2022-03-29 22:06:43 -07:00
|
|
|
|
|
|
|
|
Selected: {selected}
|
|
|
|
|
```
|