HomeSetup

Components

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

V0.1.0

Card

Card is a Chord layout component built from Base UI primitives and project tokens.

Chord components

A layered surface for grouped interface content.

import Card from "@/components/public/Card";<Card className="max-w-xs">  <Card layer={1} className="p-4">    <p>Chord components</p>  </Card></Card><Card layer={1} hoverable className="max-w-xs p-4">  <p>Interactive card</p></Card>
dqnamo
dqnamo