← Back

Menu

[intermediate]

Selectable menu with keyboard navigation

Menu Demo

Selectable menu with keyboard navigation

For the full interactive experience:

$ mix raxol.playground

Code
{:ok, menu} =
  Menu.init(
    id: :playground_menu,
    items: [
      item(:file, "File", [
        item(:new, "New"),
        item(:open, "Open"),
        item(:save, "Save"),
        item(:exit, "Exit")
      ]),
      item(:edit, "Edit", [item(:undo, "Undo"), item(:redo, "Redo")]),
      item(:view, "View", [item(:sidebar, "Sidebar")]),
      item(:help, "Help", [item(:about, "About"), item(:docs, "Docs")])
    ]
  )

# Keys route through Menu.handle_event/3; Menu.render/2 draws it.
demo j/k prev/next / focus demo esc back 6/42 demos