Skip to content
  • Pricing
  • Blog
Log inJoin waitlist
Design system
OverviewAll components
FoundationsColourTypographyIconsShape and spaceDepth and motion
Actions and inputButtonFieldControlsCalendarComposer
Lists and tablesTableSortable
Feedback and displayDisplayCodeToastEmpty state
Overlays and disclosureOverlaysTabs & disclosure

Components

The building blocks of Lenz. Base UI handles behaviour and accessibility; our CSS draws every pixel.

Actions and input

  • ButtonRuns an action. At most one primary per view.
  • FieldA label, a control, a hint and an error.
  • ControlsCheckbox, switch, radio, select and slider.
  • CalendarPick a date, inline or in a popover.
  • ComposerWhere someone writes to the agent.

Lists and tables

  • TableRows to scan, sort and select.
  • SortableA list people can reorder.

Feedback and display

  • DisplayAvatars, badges, status, metrics and notes.
  • CodeA line to copy, or a block to read.
  • ToastBrief feedback that leaves on its own.
  • Empty stateWhat a page shows when there is nothing yet.

Overlays and disclosure

  • OverlaysMenu, dialog, popover and tooltip.
  • Tabs & disclosureTabs, accordion and collapsible.
ProductPricingDesign systemChangelogDocs
ResourcesBlogGuidesHelp centre
CompanyAboutCareersContact
LegalTerms of ServicePrivacy PolicyCookie PolicySecurity
AccountLog inJoin waitlist
LenzFundraising without the busywork.English