HomeSetup

Components

AccordionAlertAlert DialogAspectRatioAutocompleteAvatarBadgeBreadcrumbButtonButton GroupCardCheckboxCheckboxGroupCollapsibleComboboxContext MenuDialogDrawerDropdown MenuFieldFieldsetFormHover CardInputInput GroupInputOTPItemKbdMenubarMeterNavigation MenuNumber FieldPaginationPopoverProgressRadio GroupScrollAreaSelectSeparatorSkeletonSliderSpinnerSwitchTableTabsText LinkTextareaToastToggleToggle GroupToolbarTooltip

V0.1.0

Select

Select is a Chord form component built from Base UI primitives and project tokens.

import { Select } from "@/components/public/Select";<Select.Root defaultValue="apple">  <Select.Trigger>    <Select.Value />    <Select.Icon />  </Select.Trigger>  <Select.Portal>    <Select.Positioner sideOffset={6}>      <Select.Popup>        <Select.List>          <Select.Item value="apple">            <Select.ItemText>Apple</Select.ItemText>          </Select.Item>          <Select.Item value="banana">            <Select.ItemText>Banana</Select.ItemText>          </Select.Item>        </Select.List>      </Select.Popup>    </Select.Positioner>  </Select.Portal></Select.Root>
dqnamo
dqnamo