schoolbox web extension :)
42willow.github.io
1<script lang="ts">
2 interface Props {
3 onclick: (event: Event) => void;
4 id: string;
5 placeholder: string;
6 value: string;
7 label: string;
8 }
9
10 let { onclick, id, placeholder, value = $bindable(), label }: Props = $props();
11</script>
12
13<div class="flex w-full items-center justify-center">
14 <input {id} class="bg-ctp-surface0 text-ctp-text w-full rounded-l-xl p-2" bind:value {placeholder} type="text" />
15 <button class="text-ctp-crust bg-(--ctp-accent) rounded-r-xl p-2" type="submit" {onclick}>{label}</button>
16</div>