Getting StartedInstall and bootstrap headless foundations 4
LayoutHeadless structural primitives for expandable and container patterns 6
OverlayHeadless modal and floating layer behavior 3
FeedbackHeadless notification and status communication patterns 5
FormHeadless input and selection contracts 17
UtilityReusable action, identity, and clipboard behavior 6
NavigationHeadless trails, trees, menus, and command surfaces 7
Overview API Styling Examples

Examples

Headless toast is a good fit when your product needs its own notification shell, queue rules, and layout decisions instead of the wrapper’s built-in presentation.

Activity stream notifications

Informational and success events are usually transient and owner-managed.

Activity stream with owner CSS

Fixed corner stack

A headless viewport can also be fixed to the real screen corner when you want an app-level notification layer.

Fixed bottom-right stack with owner CSS

This viewport is fixed to the real window corner, not contained by the preview box.

Escalation notifications

Warnings can auto-dismiss, but persistent failures should wait for explicit acknowledgement.

Escalation notifications with owner CSS