Files
nodarium/packages/ui/src/lib/elements/Select.svelte
2024-04-15 22:13:43 +02:00

23 lines
451 B
Svelte

<script lang="ts">
export let labels: string[] = [];
export let value: number = 0;
export let id: string;
</script>
<select {id} bind:value>
{#each labels as label, i}
<option value={i}>{label}</option>
{/each}
</select>
<style>
select {
background: var(--background-color-lighter);
color: var(--text-color);
font-family: var(--font-family);
padding: 0.8em 1em;
border-radius: 5px;
border: none;
}
</style>