wip: css/ui work

This commit is contained in:
Adam 2025-10-14 12:06:13 -05:00
commit 49e859cfd6
No known key found for this signature in database
GPG key ID: 9CB48779AF150E75
10 changed files with 325 additions and 124 deletions

View file

@ -79,11 +79,17 @@ export function Select<T>(props: SelectProps<T> & ButtonProps) {
}}
</Kobalte.Value>
<Kobalte.Icon data-slot="icon">
<Icon name="chevron-down" size={16} class="-my-2 group-data-[expanded]:rotate-180" />
<Icon name="chevron-down" size={16} />
</Kobalte.Icon>
</Kobalte.Trigger>
<Kobalte.Portal>
<Kobalte.Content data-component="select-content">
<Kobalte.Content
classList={{
...(props.classList ?? {}),
[props.class ?? ""]: !!props.class,
}}
data-component="select-content"
>
<Kobalte.Listbox data-slot="list" />
</Kobalte.Content>
</Kobalte.Portal>