script editor

frontend/src/lib/components/Checkbox.svelte

@@ -4,12 +4,13 @@
   import Icon, { type IconName } from "./Icon.svelte";
 
   export let tabIndex: number | undefined | null = void(0);
-  export let checked = false;
+  export let checked: boolean | string | number;
   export let centered = false;
   export let disabled = false;
   export let noLabel = false;
   export let noBorder = false;
   export let inline = false;
+  export let small = false;
   export let icon: IconName = "check";
   export let label = "(Missing label property)";
 
@@ -35,6 +36,7 @@
   class:centered 
   class:noLabel
   class:inline
+  class:small
   role="checkbox" 
   aria-checked={checked} 
   aria-disabled={disabled} 
@@ -72,6 +74,10 @@
       margin-bottom: 0
       font-size: 0.75em
 
+    &.small
+      padding-top: 0
+      font-size: 0.65em
+
   div.checkbox.centered
     margin: auto