svelte-toolkit/sui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix ActionSelect stateless, add value prop

Browse Source
This commit is contained in:
Elijah Duffy
2025-07-07 15:49:00 -07:00
parent 2f2b4fcba2
commit 4b81388636
3 changed files with 41 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/routes/+page.svelte
View File

@@ -53,10 +53,23 @@
<div class="component">
<p class="title">Button Select</p>
<ActionSelect
label="Action"
options={[{ title: 'Yeet' }, { title: 'Yote' }, { title: 'Yote and Yeet' }]}
/>
<div class="flex gap-2">
<ActionSelect
class="basis-1/2"
stateless
label="Stateless Action"
options={[{ title: 'Yeet' }, { title: 'Yote' }, { title: 'Yote and Yeet' }]}
/>
<ActionSelect
class="basis-1/2"
label="Stateful Action"
value={{ title: 'Initial Action', onchoose: (value) => console.log('Chosen:', value) }}
options={[
{ title: 'Action 1', onchoose: (value) => console.log('Action 1 chosen:', value) },
{ title: 'Action 2', onchoose: (value) => console.log('Action 2 chosen:', value) }
]}
/>
</div>
</div>
<div class="component">