calendar
Calendar date grid structure
Components are the small runtime layer used only when native HTML cannot coordinate the interaction. Every component includes a locally bundled, non-scrollable iframe demo and its complete TypeScript-derived contract.
Each reference page answers:
Calendar date grid structure
Accessible drag and snap carousel powered by Embla
Search input with selectable options
Command palette layout
Context menu surface and items
Menu opened from a trigger button
Rich hover preview cards
Keyboard-first top-level navigation with open/close menu behavior.
Site navigation with optional flyout content
Multiple native range inputs coordinated on one shared track.
Pointer- and keyboard-resizable split panels powered by --panel-size CSS variables.
Application sidebar layout with collapsible state
Tabbed content sections
Notification toaster with close actions and toast variants.
Keyboard-navigable groups of actions
Contextual hover and focus labels
Hierarchical navigation and selection
Was this page helpful?
Glad to hear it! Please tell us how we can improve.
Sorry to hear that. Please tell us how we can improve.