Getting StartedInstallation and setup guides 6
FormInput and selection components 26
LayoutWorkflow and structural layout components 10
NavigationMenu surfaces and hierarchical actions 7
OverlayModal and floating layer surfaces 3
FeedbackStatus, empty, progress, and loading placeholder patterns 6
UtilityGeneral-purpose interface utilities 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.