Packages

daisy_ui_components

0.7.2
0.9.7 0.9.6 0.9.5 0.9.4 0.9.3 0.9.2 0.9.1 0.9.0 0.8.7 0.8.7-rc.0 0.8.6 0.8.5 0.8.4 0.8.3 0.8.2 0.8.1 0.8.0 0.7.6 0.7.5 0.7.4 0.7.3 0.7.2 0.7.1 0.7.0 0.6.0 0.5.0 0.4.3 0.4.2 0.4.1 0.4.0 0.3.0 0.2.1 0.2.0 0.1.7 0.1.6 0.1.5 0.1.4 0.1.3 0.1.2 0.1.1 0.1.0

DaisyUI component library for LiveView

HexDocs

Current section

Files

Jump to
Readme
41 Versions
1 Dependency
Dependants
Files
Activity
daisy_ui_components lib daisy_ui_components menu.ex
Raw

lib/daisy_ui_components/menu.ex 

defmodule DaisyUIComponents.Menu do

  @moduledoc """

  Menu component



  https://daisyui.com/components/menu

  """



  use DaisyUIComponents, :component



  @directions ~w(horizontal vertical)



  def directions, do: @directions



  attr :class, :any, default: nil

  attr :direction, :string, values: @directions

  attr :size, :string, values: sizes()

  attr :rest, :global



  slot :item do

    attr :class, :any

  end



  slot :inner_block



  def menu(assigns) do

    assigns =

      assigns

      |> assign(

        :class,

        classes([

          "menu",

          menu_direction(assigns[:direction]),

          menu_size(assigns[:size]),

          assigns.class

        ])

      )



    ~H"""

    <ul class={@class} {@rest}>

      <li :for={item <- @item} class={Map.get(item, :class)}>

        {render_slot(item)}

      </li>



      {render_slot(@inner_block)}

    </ul>

    """

  end



  # Direction

  defp menu_direction("horizontal"), do: "menu-horizontal"

  defp menu_direction("vertical"), do: "menu-vertical"

  defp menu_direction(nil), do: nil



  # Size

  defp menu_size("xs"), do: "menu-xs"

  defp menu_size("sm"), do: "menu-sm"

  defp menu_size("md"), do: "menu-md"

  defp menu_size("lg"), do: "menu-lg"

  defp menu_size(nil), do: nil

end