Brik Design System
Patterns

Patterns

Cross-component recipes — how multiple BDS pieces compose into common product moments.

Patterns answer the question "I'm building X, what does BDS recommend?" Each pattern is a reusable composition with a recommended structure, the components it uses, and notes on accessibility and edge cases.

Planned patterns

  • Forms — single-column, multi-step wizard, inline edit, sheet-driven edit
  • Empty states — no data, error, permission denied, search no-results
  • Page templates — dashboard shell, settings page, list-detail, two-pane editor
  • Navigation — primary nav, sidebar, breadcrumbs, pagination
  • Notifications — toast, banner, inline alert, modal confirmation

Patterns are the next major content fill-in. Most are documented partially in stories/foundation/theming/Blueprints.mdx and the Recipes section of Storybook — both should consolidate here.

On this page