Duskmoon UI v10.0.11
Theme
Drawer dm_drawer
## Overview Drawer component — a sliding panel from the left or right side. Wraps `<el-dm-drawer>` custom element. ## Usage ```elixir <.dm_drawer id="nav" open={@drawer_open} position="left"> <:header>Navigation</:header> Drawer content here. <:footer>Footer</:footer> </.dm_drawer> ```

Left Drawer (Default)

Left Navigation

This drawer slides in from the left side.

Right Drawer

Settings Panel

This drawer slides in from the right side.

Footer content

Custom Width

Wide Drawer

This drawer is 400px wide.

Modal Drawer

Modal drawers display a backdrop overlay and trap focus within the panel.

Modal Drawer

This drawer uses the modal attribute to show a backdrop overlay.

Focus is trapped within the drawer panel when modal is active.

Modal footer actions