mirror of
https://github.com/immich-app/immich.git
synced 2025-11-26 18:49:44 +09:00
53d571d29e
* feat(web,a11y): search filter accessibility - visible focus rings - labels for text search - responsive buttons / radio buttons / checkboxes - buttons to lowercase - add fieldsets to radio buttons and checkboxes, so the screen reader announces the label for the group * feat: extract inputs into reusable components, replace all checkboxes * chore: revert changes to responsive buttons --------- Co-authored-by: Alex Tran <alex.tran1502@gmail.com>
13 lines
356 B
Svelte
13 lines
356 B
Svelte
<script lang="ts">
|
|
export let id: string;
|
|
export let label: string;
|
|
export let name: string;
|
|
export let value: string;
|
|
export let group: string | undefined = undefined;
|
|
</script>
|
|
|
|
<div class="flex items-center space-x-2">
|
|
<input type="radio" {name} {id} {value} class="focus-visible:ring" bind:group />
|
|
<label for={id}>{label}</label>
|
|
</div>
|