schoolbox web extension :)
1<script lang="ts">
2 import Toggle from "@/entrypoints/popup/components/inputs/Toggle.svelte";
3 import type { Settings } from ".";
4
5 let { settings }: { settings: Settings } = $props();
6</script>
7
8<Toggle
9 text="Filled icons"
10 description="Whether the icons should be filled or outlined."
11 size="small"
12 id="filled"
13 checked={settings.filled.state.toggle}
14 update={async (toggle) => {
15 settings.filled.set({ toggle });
16 }} />