✨ new components for radio and select
Co-authored-by: Sindre Kjelsrud <kjelsrudsindre@gmail.com>
This commit is contained in:
parent
9aa16763c6
commit
7c3f87079b
3 changed files with 38 additions and 0 deletions
12
frontend/src/components/userform/inputs/RadioButtons.svelte
Normal file
12
frontend/src/components/userform/inputs/RadioButtons.svelte
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
<script lang="ts">
|
||||
export let options:string[]
|
||||
</script>
|
||||
|
||||
<div class="flex justify-between">
|
||||
{#each options as data, index (data)}
|
||||
<div class="flex flex-col justify-center items-center w-24 ">
|
||||
<button name={data} class="h-7 w-7 rounded-full border-2 border-primary hover:bg-primary"></button>
|
||||
<label class="text-primary text-sm mt-1" for={data}>{data}</label>
|
||||
</div>
|
||||
{/each}
|
||||
</div>
|
||||
Reference in a new issue