- 1.5.0

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

 
<:title>Menu with Active State</:title>
<:menu>
  <.dm_left_menu_group active="components">
    <: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>
menu :slot

Menu content, typically dm_left_menu_group components

 
<:menu>
  <.dm_left_menu_group active="components">
    <: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>