Recipes
How to build one common thing from the library — which components, in what order, and the props that matter. A block is the finished screen; a recipe is the reasoning behind one.
6 recipes
Email and password, provider buttons, a pending state, an announced error, then the two-factor step.
3 steps · AuthCard, Field, Input, PasswordInput +2
The plan, what has been used against it, the card on file and the invoices — the four things a billing page is for.
3 steps · PlanSummary, UsageMeter, PaymentMethodCard, InvoiceList
A checklist on the home screen that tracks real progress, with a way out at every stage.
3 steps · SetupChecklist, Button, OnboardingWizard, CoachTour
Sections that save on their own, a save bar that only appears when something changed, and a danger zone at the foot.
2 steps · SettingsSection, Field, Input, Switch +1
A sortable, selectable table with bulk actions — the shape of every admin list.
3 steps · DataTable, BulkActionBar, Button, FilterBuilder +1
A header, a row of KPIs with deltas, the charts behind them and the table underneath.
3 steps · PageHeader, StatCard, AreaChart, DonutChart +1