Getting StartedInstallation and setup guides 5
LayoutWorkflow and structural layout components 7
OverlayModal and floating layer surfaces 3
FeedbackStatus, empty, progress, and loading placeholder patterns 5
FormInput and selection components 17
UtilityGeneral-purpose interface utilities 7
NavigationMenu surfaces and hierarchical actions 7

Drawer examples

Side navigation

Persistent side drawer used as a navigation panel. Content shifts when the drawer opens or closes.

Dashboard content goes here.

End details panel

A detail panel that opens from the end side using the styled component wrapper.

Select an item to view its details in the side panel.

Push mode

The drawer pushes the main content area aside instead of overlaying it.

Product listing content.