Component Catalog

Every shared UI component rendered in light and dark for cross-platform QA (issue #24).

Core

Forms

Navigation

Overlays

Overlays use fixed positioning and escape any local dark container. Triggers shown in both light and dark; at most one overlay opens at a time.

Light — Overlay Triggers

Dark — Overlay Triggers

Data Display

@if (activeOverlay() === 'modal') {

This is a demo modal dialog.

Close
} @if (activeOverlay() === 'slide-over') {

Demo slide-over panel content.

Close
} @if (activeOverlay() === 'drawer') {

Demo drawer panel content.

Close
}