Blocks

Whole sections, assembled from the components. Each one renders live below and the source is the source — copy it out and edit it.

Blocks are not exported from the package, on purpose. A block is a starting point you are meant to change: move the sidebar, drop a column, swap the chart. If it were a component, every layout decision inside it would become API surface and every edit would need a prop. The marketing sections — Hero, Features, Pricing, Testimonials, Gallery, LogoWall — are exported, because those are data-driven and the layout is the point of the component rather than something you rewrite.

Every block on this page is type-checked against the published types and mounted in a test run on every commit, the same as every other example in these docs. A block that has drifted from the API fails the build rather than the reader.

Dashboard shell

Sidebar navigation that becomes a Sheet on small screens, a header with a DropdownMenu, stat cards and a composable chart.

Sign-in card

A centred auth card. Input, Label, HelperText and a Separator doing the “or” divider.

Settings panel

Tabs across the top, Switch rows, and a Collapsible for the settings most people never open.