Packages

doggo

0.5.0
0.14.6 0.14.5 0.14.4 0.14.3 0.14.2 0.14.1 0.14.0 0.13.3 0.13.2 0.13.1 0.13.0 0.12.0 0.11.0 0.10.8 0.10.7 0.10.6 0.10.5 0.10.4 0.10.3 0.10.2 0.10.1 0.10.0 0.9.1 0.9.0 0.8.2 0.8.1 0.8.0 0.7.0 0.6.0 0.5.0 0.4.0 0.3.1 0.3.0 0.2.1 0.2.0 0.1.5 0.1.4 0.1.3 0.1.2 0.1.1 0.1.0

Headless UI components for Phoenix

HexDocs

Current section

Files

Jump to
Readme
41 Versions
3 Dependencies
Dependants
Files
Activity
doggo priv storybook menu menu_bar.story.exs
Raw

priv/storybook/menu/menu_bar.story.exs 

defmodule Storybook.Components.MenuBar do

  use PhoenixStorybook.Story, :component



  def function, do: &Doggo.menu_bar/1



  def variations do

    [

      %Variation{

        id: :default,

        attributes: %{

          label: "Main"

        },

        slots: [

          """

          <:item>

            <Doggo.menu_button controls="actions-menu" id="actions-button">

              Actions

            </Doggo.menu_button>



            <Doggo.menu id="actions-menu" labelledby="actions-button" hidden>

              <:item>

                <Doggo.menu_item on_click={JS.push("view-dog-profiles")}>

                  View Dog Profiles

                </Doggo.menu_item>

              </:item>

              <:item>

                <Doggo.menu_item on_click={JS.push("add-dog-profile")}>

                  Add Dog Profile

                </Doggo.menu_item>

              </:item>

              <:item>

                <Doggo.menu_item on_click={JS.push("dog-care-tips")}>

                  Dog Care Tips

                </Doggo.menu_item>

              </:item>

            </Doggo.menu>

          </:item>

          <:item role="separator"></:item>

          <:item>

            <Doggo.menu_item on_click={JS.dispatch("myapp:help")}>

              Help

            </Doggo.menu_item>

          </:item>

          """

        ]

      }

    ]

  end

end