feat: add design system components

2026-08-22 14:02:06 +05:00
parent 3620c5fc30
commit 15e2e010ec
9 changed files with 308 additions and 0 deletions
@@ -0,0 +1,21 @@
+<script lang="ts">
+	import Field from './Field.svelte';
+
+	interface Props {
+		id: string;
+		label: string;
+		value?: string;
+		options: { value: string; label: string }[];
+		hint?: string;
+	}
+
+	let { id, label, value = $bindable(''), options, hint }: Props = $props();
+</script>
+
+<Field {id} {label} {hint}>
+	<select id={id} class="control" bind:value>
+		{#each options as option (option.value)}
+			<option value={option.value}>{option.label}</option>
+		{/each}
+	</select>
+</Field>