getting started
breaking changes

What's new in v4.

The library without the mark. The ◆ and the // stop being defaults, the editor look leaves, and a seventh theme, taylor, is flat and monochrome.

let an agent do it

Copy this page as Markdown and paste it into your agent inside the project.

view .md
New and changed
11 items
  • taylor. A seventh theme with no hue: the brand is white on dark and black on light, and cards and overlays carry no brand glow. Every ink is measured like the others.
  • --finish-glow. How much brand light the finish carries, from 0 to 1. It scales the corner glow of cards and overlays and the lift of a hovered card. Any theme or project sets it once.
  • --chart-from. Where the chart colors start turning. It is the brand, unless a theme with no hue names one.
  • EmptyState. size="page" is a whole screen, such as a 404 or an error. It takes an illustration and a headingLevel.
  • ChatThread. An avatar for each role, or for one message.
  • Stepper. Each step takes an icon for its marker, a number when it has none. The vertical one draws its lines.
  • Tooltip. It follows the mode of the page, light on a light page. surface="dark" keeps it near black.
  • SegmentedControl. shape="pill", and truncate={false} so a segment grows to its word.
  • Sidebar. The rail's tooltip clears the rail's border, and an indicator replaces the dot.
  • Field. The star of a required label is drawn by CSS, so a test finds the label by its name.
  • The CLI. add says when an item was removed and where to look, and the init prompt offers taylor.
Updating
breaking

The ◆ and the // are not drawn by default anymore, and some pieces of the editor look left the registry. Each change to the look says how to bring the old one back.

Read the migration guide
Active theme: entrepta, dark mode.