HomeSetup

Components

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

V0.1.0

Dropdown Menu

Dropdown Menu is a Chord overlay component built from Base UI primitives and project tokens.

import { DropdownMenu } from "@/components/public/DropdownMenu";import Button from "@/components/public/Button";<DropdownMenu.Root>  <DropdownMenu.Trigger render={<Button variant="secondary">Options</Button>} />  <DropdownMenu.Portal>    <DropdownMenu.Positioner sideOffset={6}>      <DropdownMenu.Popup>        <DropdownMenu.Item>Edit</DropdownMenu.Item>        <DropdownMenu.Item>Duplicate</DropdownMenu.Item>        <DropdownMenu.Separator />        <DropdownMenu.Item>Delete</DropdownMenu.Item>      </DropdownMenu.Popup>    </DropdownMenu.Positioner>  </DropdownMenu.Portal></DropdownMenu.Root>
dqnamo
dqnamo