LukeParke/immich
1
0
Fork 0
mirror of https://github.com/LukeHagar/immich.git synced 2025-12-11 04:20:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore(web): migration svelte 5 syntax (#13883)

Browse Source
This commit is contained in:
Alex
2024-11-14 08:43:25 -06:00
committed by GitHub
parent 9203a61709
commit 0b3742cf13
310 changed files with 6435 additions and 4176 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
web/src/lib/components/elements/checkbox.svelte
View File

@@ -1,11 +1,25 @@
<script lang="ts">
export let id: string;
export let label: string;
export let checked: boolean | undefined = undefined;
export let disabled: boolean = false;
export let labelClass: string | undefined = undefined;
export let name: string | undefined = undefined;
export let value: string | undefined = undefined;
interface Props {
id: string;
label: string;
checked?: boolean | undefined;
disabled?: boolean;
labelClass?: string | undefined;
name?: string | undefined;
value?: string | undefined;
onchange?: () => void;
}
let {
id,
label,
checked = $bindable(),
disabled = false,
labelClass = undefined,
name = undefined,
value = undefined,
onchange = () => {},
}: Props = $props();
</script>
<div class="flex items-center space-x-2">
@@ -17,7 +31,7 @@
{disabled}
class="size-5 flex-shrink-0 focus-visible:ring"
bind:checked
on:change
{onchange}
/>
<label class={labelClass} for={id}>{label}</label>
</div>