HomeSetup

Components

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

V0.1.0

Popover

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

import Button from "@/components/public/Button";import { Popover } from "@/components/public/Popover";<Popover.Root>  <Popover.Trigger render={<Button variant="secondary">Details</Button>} />  <Popover.Portal>    <Popover.Positioner sideOffset={6}>      <Popover.Popup>        <Popover.Arrow />        <Popover.Title>Connected workspace</Popover.Title>        <Popover.Description>          Changes sync to everyone in this project in real time.        </Popover.Description>      </Popover.Popup>    </Popover.Positioner>  </Popover.Portal></Popover.Root>
dqnamo
dqnamo