View Source Phoenix.WebComponent.LeftMenu (Phoenix.WebComponent v2.5.4)

Render left menu.

Link to this section Summary

Functions

Generates left menu

Link to this section Functions

Generates left menu

example

Example

<.wc_left_menu active="left_menu" menus={[{"Components", [{"actionbar", "Actionbar", "/storybook/components/actionbar"}, {"card", "Card", "/storybook/components/card"}, {"left_menu", "Left Menu", "/storybook/components/left_menu"}, {"markdown", "Markdown", "/storybook/components/markdown"}, {"pagination", "Pagination", "/storybook/components/pagination"}, {"table", "Table", "/storybook/components/table"}]}]}>
  <:title>Menu Demo Components</:title>
</.wc_left_menu>

attributes

Attributes

  • id (:any) - html attribute id. Defaults to false.

  • class (:string) - html attribute class. Defaults to "".

  • active (:string) - actvie menu id. Defaults to "".

  • menus (:list) - menu list

      [
        {"Components",
          [
            {"actionbar", "Actionbar", "/storybook/components/actionbar"},
            {"card", "Card", "/storybook/components/card"},
            {"left_menu", "Left Menu", "/storybook/components/left_menu"},
            {"markdown", "Markdown", "/storybook/components/markdown"},
            {"pagination", "Pagination", "/storybook/components/pagination"},
            {"table", "Table", "/storybook/components/table"}
          ]
        }
      ]

    Defaults to [].

slots

Slots

  • title - Render menu title.