LOKE Design System
Components

Components

Index of interactive UI components in the LOKE Design System with quick links to their documentation and examples.

Components

These are the core interactive building blocks in the LOKE Design System. Use them to compose accessible, theme‑aware interfaces with consistent behavior and styling.

Essentials

  • Accordion — Collapsible sections that reveal/hide content with keyboard navigation and single/multiple modes.
  • Alert — Non‑modal, inline feedback message with optional title, description, and icon. Variants for emphasis.
  • Alert Dialog — Modal dialog for critical confirmations. Focus‑managed, accessible, and action‑oriented.
  • Avatar — User image with intelligent loading states and fallback (initials or icon).
  • Badge — Compact status/label indicator with variants and optional removable behavior.
  • Button — Primary action trigger with multiple variants, sizes, width, and layout justification options.
  • Looking for layout primitives? See Layout Components (Box, Stack, Inline, Columns, etc.).

Contribution Guide

How to contribute to the LOKE Design System — standards, workflow, and release process.

Button

Versatile action trigger with variants, sizes, width/justification options, and asChild composition.

On this page

ComponentsEssentialsRelated