public/svelte-headlessui
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 1 Wiki Activity

Move <Listbox> to bind:value

Browse Source
This commit is contained in:
Ryan Gossiaux
2022-05-25 15:22:27 -07:00
parent 7449e0e243
commit 38f1b27c57
4 changed files with 131 additions and 155 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/routes/listbox/_PeopleList.svelte
View File

@@ -32,13 +32,7 @@
<div class="w-64">
<div class="space-y-1">
<Listbox
value={active}
on:change={(event) => {
console.log("value:", event.detail);
active = event.detail;
}}
>
<Listbox bind:value={active}>
<ListboxLabel class="block text-sm font-medium leading-5 text-gray-700">
Assigned to
</ListboxLabel>

7
src/routes/listbox/listbox-with-pure-tailwind.svelte
View File

@@ -32,12 +32,7 @@
<div class="flex justify-center w-screen h-full p-12 bg-gray-50">
<div class="w-full max-w-xs mx-auto">
<div class="space-y-1">
<Listbox
value={active}
on:change={(event) => {
active = event.detail;
}}
>
<Listbox bind:value={active}>
<ListboxLabel class="block text-sm font-medium leading-5 text-gray-700">
Assigned to
</ListboxLabel>