mirror of
https://github.com/BetterSEQTA/BetterSEQTA-Plus.git
synced 2026-06-06 03:34:40 +00:00
SethBurkart123
25 lines
754 B
Svelte
25 lines
754 B
Svelte
<script lang="ts">
|
|
let { state, onChange, options } = $props<{
|
|
state: string,
|
|
onChange: (newState: string) => void,
|
|
options: Array<{ value: string, label: string }>
|
|
}>();
|
|
|
|
let select: HTMLSelectElement;
|
|
</script>
|
|
|
|
<div class="border dark:bg-[#38373D]/50 bg-[#DDDDDD]/50 border-[#DDDDDD]/30 dark:border-[#38373D]/30 shadow-2xl rounded-lg w-full overflow-clip">
|
|
<select
|
|
bind:this={select}
|
|
value={state}
|
|
onchange={() => onChange(select.value)}
|
|
class="px-4 py-1 text-[0.75rem] dark:text-white w-full border-none bg-transparent focus:ring-0 focus:bg-white/20 dark:focus:bg-black/10"
|
|
>
|
|
{#each options as option}
|
|
<option value={option.value}>
|
|
{option.label}
|
|
</option>
|
|
{/each}
|
|
</select>
|
|
</div>
|