Component catalog

10 components from @zudo-sg/ui, discovered from their .stories.tsx files.

10 components

Actions

Primary action control with three variants and three sizes. Renders <button>, or <a> when href is set.

5 variants

Anchor primitive with default (inline), subtle (nav/meta), and standalone (CTA) variants.

2 variants

Page- and section-level heading blocks with optional eyebrow, description, and action.

3 variants

Surface container with outlined / elevated / filled variants and Title/Body/Footer slots.

3 variants

Landing-page hero with eyebrow, display title, lede, actions, and an optional media panel.

3 variants

Compact status/label pill in five tones and three fills (soft, solid, outline).

3 variants

A metric value over a muted label, and a StatGroup that lays several out as a <dl>.

3 variants

Accessible Field wrapper (label + hint/error wiring) with Input and Textarea controls.

4 variants

Sticky site header: brand, primary nav with active state, and an optional action slot.

2 variants

Site footer with brand + tagline, grouped nav columns, and a copyright row.

2 variants