Left Menu

Attribute Type Documentation Default Value
id :any

HTML id attribute

class :any

Additional CSS classes

size :string

Menu size variant

"md"
active :string

Active data item id; pass explicitly to slotted groups

""
groups :list

Menu group maps with id, label, open and items

[]
brand :map

Brand map with label, icon, to and version

footer_text :string

Fixed footer text hidden in the icon rail

sticky :boolean

Own a persistent, collapsible child LiveView

false
socket :any

Parent LiveView socket, required in sticky mode

nav_label :string

Accessible label for the menu nav

"Navigation menu"
collapsible :boolean

Enable the client-owned icon rail and toggle

false
collapsed :boolean

Initial collapsed state, or authoritative state when collapse_controlled is enabled

false
collapse_controlled :boolean

Apply host-owned collapsed updates instead of localStorage preferences

false
collapse_event :string

Optional bubbling CustomEvent name for user toggles; detail contains id and collapsed

storage_key :string

Optional localStorage key for collapse state

expand_label :string

Accessible expand button label

"Expand navigation"
collapse_label :string

Accessible collapse button label

"Collapse navigation"
rest :global
header :slot

Fixed brand/header area outside the scrolling menu

footer :slot

Fixed footer content above the built-in collapse toggle

title :slot

Menu title displayed as a section heading

Show slot attributes Hide slot attributes
class :any

title CSS classes

[Multiple values]
menu :slot

Menu content, typically dm_left_menu_group components

<:menu>
  <.dm_left_menu_group active="">
    <:title>Pages</:title>
    <:menu id="dashboard" to="#dashboard">Dashboard</:menu>
    <:menu id="components" to="#components">Components</:menu>
    <:menu id="settings" to="#settings">Settings</:menu>
  </.dm_left_menu_group>
</:menu>