Patterns

Data

Base Table primitives, Accordion, and Timeline. The higher-order DataTable lives under /components/data-table.

Table (primitives)

Compose your own tables from these primitives, or use the DataTable HOC.

NameRoleStatus
Alicia ChenEngineeringActive
Marcus KimDesignActive
Priya ShahOperationsInvited
Diego AlvarezSalesActive

Accordion

A React 19 + Tailwind v4 component library built on Base UI, with a three-layer token pipeline.

Timeline

  1. Order placed

  2. Payment received

  3. Shipped

ActivityLog

Activity

  1. created
  2. commented
  3. closed

ProcessList

  1. Submit your application
    Fill out the form and upload the required documents.
  2. Wait for review
    A reviewer will be assigned within 5 business days.
  3. Receive a determination
    You'll get a letter with next steps.

Calendar

July 2026

Carousel

1
2
3
4
5

ScrollArea + Separator

ToggleGroup