Files
console/src/lib/elements/forms/nullCheckbox.svelte
T
2023-03-30 15:25:55 +01:00

23 lines
631 B
Svelte

<script lang="ts" context="module">
</script>
<script lang="ts">
import { createEventDispatcher } from 'svelte';
export let checked = false;
const dispatch = createEventDispatcher<{
change: boolean;
}>();
const handleChange = (e: Event) => {
const input = e.target as HTMLInputElement;
dispatch('change', !!input.checked);
};
</script>
<label class="u-flex u-cross-center u-gap-8 u-margin-inline-start-8">
<input bind:checked on:change={handleChange} type="checkbox" class="is-small" />
<span class="eyebrow-heading-3 u-x-small u-color-text-gray"> NULL </span>
</label>