SystemsFinance

Select

Radix-backed select menu. Compound: Select, SelectTrigger, SelectValue, SelectContent, SelectItem.

Basic

Trigger

default
hideIcon
variant="filterPill"

Item icon

Developer

import { Select } from "@financial-tracking/design-system"

SelectTrigger / SelectItem

Select root accepts standard Radix Select.Root props (value, defaultValue, onValueChange, …).

PropTypeDefault
SelectTrigger.hideIconOmit the trailing chevron.booleanfalse
SelectTrigger.variantCompact trigger for FilterPillSelect."default" | "filterPill""default"
SelectItem.iconOptional leading icon in the menu row.ReactNode—