MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Type Checkbox.svelte.

This commit is contained in:
Sam Rose 2025-01-27 15:58:53 +00:00
parent 9c6ce76f68
commit d4e63c0716
No known key found for this signature in database
1 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
packages/bbui/src/Form/Core/Checkbox.svelte
View File

@ -1,22 +1,23 @@
<script> <script lang="ts">
import "@spectrum-css/checkbox/dist/index-vars.css" import "@spectrum-css/checkbox/dist/index-vars.css"
import "@spectrum-css/fieldgroup/dist/index-vars.css" import "@spectrum-css/fieldgroup/dist/index-vars.css"
import { createEventDispatcher } from "svelte" import { createEventDispatcher } from "svelte"
import type { ChangeEventHandler } from "svelte/elements"
export let value = false export let value = false
export let id = null export let id: string | undefined = undefined
export let text = null export let text: string | undefined = undefined
export let disabled = false export let disabled = false
export let readonly = false export let readonly = false
export let size export let size: "S" | "M" | "L" | "XL" = "M"
export let indeterminate = false export let indeterminate = false
const dispatch = createEventDispatcher() const dispatch = createEventDispatcher()
const onChange = event => { const onChange: ChangeEventHandler<HTMLInputElement> = event => {
dispatch("change", event.target.checked) dispatch("change", event.currentTarget.checked)
} }
$: sizeClass = `spectrum-Checkbox--size${size || "M"}` $: sizeClass = `spectrum-Checkbox--size${size}`
</script> </script>
<label <label