<le-side-panel>

Responsive side panel layout for app shells, navigation, and tools.

Examples

Panel content (navigation, filters, tools)

Main content area

<le-side-panel panel-id="main" side="left" open collapse-at="900">
  <div slot="panel">Sidebar</div>
  <main>Main content</main>
</le-side-panel>

Common Properties / Attributes

panel-id, side, collapse-at
open, collapsed
panel-width, min-panel-width, max-panel-width
resizable, persist-key

Events

leSidePanelOpenChange
leSidePanelCollapsedChange
leSidePanelWidthChange