UI

UI components need JavaScript or modern platform behavior to be complete. They follow the same principles as every component: semantic markup first, small class API, shared tokens, and progressive enhancement.

JavaScript Modules

Modal

Centered modal overlay for focused tasks, confirmations, or forms, built on the native `<dialog>` element.

Drawer

Modal side-sheet that overlays the page for navigation or filters.

Flyout

Positioned surface attached to a trigger, commonly used for action lists and small panels.

Tabs

In-place panel switcher using real tab semantics, with roving tabindex and arrow-key navigation.

Tooltip

Supplemental label for a trigger, shown on hover and focus, hidden on dismissal.

Scrollspy

Behavior hook for navigation that marks the active section while the page scrolls.

Status Bar

Singleton floating area for short, non-critical, transient feedback.