action select: add frameless, support custom button content

This commit is contained in:
Elijah Duffy
2025-07-11 14:06:46 -07:00
parent 56c5b90629
commit c99b1a2899
2 changed files with 41 additions and 15 deletions

View File

@@ -22,6 +22,7 @@
import {
ArrowUUpLeft,
ArrowUUpRight,
DotsThreeOutlineVertical,
Plus,
TextB,
TextItalic,
@@ -76,7 +77,7 @@
</div>
<div class="component">
<p class="title">Button Select</p>
<p class="title">Action Select</p>
<div class="flex gap-2">
<ActionSelect
@@ -104,6 +105,15 @@
}
]}
/>
<ActionSelect
class="mt-7"
options={[{ label: 'Option 1' }, { label: 'Option 2' }, { label: 'Option 3' }]}
sameWidth={false}
frameless={true}
stateless={true}
>
<DotsThreeOutlineVertical class="text-sui-text" size="1.2em" />
</ActionSelect>
</div>
</div>