HomeSetup

Components

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

V0.1.0

Table

Table is a Chord data display component built from Base UI primitives and project tokens.

InvoiceStatusAmount
INV-001Paid$250.00
INV-002Pending$120.00
INV-003Overdue$80.00
import { Table } from "@/components/public/Table";<Table.Root>  <Table.Header>    <Table.Row>      <Table.Head>Invoice</Table.Head>      <Table.Head>Status</Table.Head>      <Table.Head>Amount</Table.Head>    </Table.Row>  </Table.Header>  <Table.Body>    <Table.Row>      <Table.Cell>INV-001</Table.Cell>      <Table.Cell>Paid</Table.Cell>      <Table.Cell>$250.00</Table.Cell>    </Table.Row>  </Table.Body></Table.Root>
dqnamo
dqnamo