Axonyx UI

Overlay

Drawer

Side panel for CMS tools, navigation, filters, and detail inspectors.

Next: DropdownMenu

Preview

Behavior

Route-scoped JS

Close works through the package drawer runtime: button, backdrop, and Escape.

Axonyx

Code
ax
<Button data-ax-drawer-open="component-drawer">Open drawer</Button>

<Drawer id="component-drawer" title="CMS tools">
  <Copy>Use this panel for filters.</Copy>
</Drawer>