Modrinth/docs/routes/components/CheckboxList.md
2022-06-17 19:58:01 -07:00

614 B

<script lang="ts">
	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'

	let selected = []
</script>

<CheckboxList
	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',
		},
	]} />

Selected: {selected}