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_group.story.exs
Raw

priv/storybook/menu/menu_group.story.exs 

defmodule Storybook.Components.MenuGroup do

  use PhoenixStorybook.Story, :component



  def function, do: &Doggo.menu_group/1



  def template do

    """

    <Doggo.menu id="actions-menu" label="Main">

      <:item>

        <.psb-variation/>

      </:item>

      <:item role="separator" />

      <:item>

        <Doggo.menu_item on_click={JS.push("help")}>Help</Doggo.menu_item>

      </:item>

    </Doggo.menu>

    """

  end



  def variations do

    [

      %Variation{

        id: :default,

        attributes: %{

          label: "Dog actions"

        },

        slots: [

          """

          <: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>

          """

        ]

      }

    ]

  end

end