feat: add required option to selectors

appwrite · Nov 26, 2024 · e26e5da · e26e5da
1 parent 9cff1a0
commit e26e5da
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/v2/pink-sb/src/lib/selector/Checkbox.svelte b/v2/pink-sb/src/lib/selector/Checkbox.svelte
@@ -10,6 +10,7 @@
     export let size: 's' | 'm' = 'm';
     export let label: string | undefined = undefined;
     export let checked: boolean | 'indeterminate' = false;
+    export let required: boolean = false;
 
     const dispatch = createEventDispatcher();
 
@@ -43,7 +44,7 @@
             <Icon icon={IconCheck} size="s" --icon-color="white" />
         {/if}
     </button>
-    <input {...$input} use:input />
+    <input {...$input} use:input {required} />
 </Base>
 
 <style lang="scss">

diff --git a/v2/pink-sb/src/lib/selector/Switch.svelte b/v2/pink-sb/src/lib/selector/Switch.svelte
@@ -8,6 +8,7 @@
     export let id: string | undefined = undefined;
     export let name: string | undefined = undefined;
     export let label: string | undefined = undefined;
+    export let required: boolean = false;
 
     const dispatch = createEventDispatcher();
 
@@ -29,7 +30,7 @@
 <Base {label} {id}>
     <button {...$root} use:root {disabled}>
         <span class="thumb" />
-        <input {...$input} use:input on:invalid on:change {id} />
+        <input {...$input} use:input on:invalid on:change {id} {required} />
     </button>
 </Base>