Push
The panel slides in and simultaneously shifts the main content area to the right, keeping both the panel and content visible at the same time. No backdrop — no content is hidden.
Pages
Main content shifts when panel opens
Overlay within container
Panel overlays the content within a bounded container — not the full viewport. Useful in split-screen editors, embedded dashboards, and widget builders.
Button component
Persistent sidebar
Sidebar that stays visible and collapses to icon-only mode rather than closing entirely. Common in full-width admin layouts.
Detail split panel
Selecting an item in a list opens a detail panel to the right within the same container. The list and detail coexist — no overlay, no full-screen takeover.
Positions
Offcanvas panels can attach to any edge of a container. Top and bottom variants suit horizontal toolbars, filter bars, or action trays.
Filters
Properties
States
Loading skeleton while content fetches, and an empty state when the panel has nothing to show.
No product selected
Click a product in the list to preview it here.
Leather Tote Bag
Rp 450.000 · 12 in stock