Pattern library.

Each pattern includes a live preview, a usage snippet, and a link to its full documentation page and Storybook story. For foundations and per-pattern API notes, see documentation. To edit props with controls, open the playground.

Selected

MetadataLabel

Full docs Storybook Playground

Preview

● 01 —Design System

Superbloom · 2026

usage.svelte

<MetadataLabel
  number="01"
  label="Design System"
>
  {#snippet meta()}
    <span>Superbloom · 2026</span>
  {/snippet}
</MetadataLabel>