Packages

daisy_ui_components

0.7.0
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 join.ex
Raw

lib/daisy_ui_components/join.ex 

defmodule DaisyUIComponents.Join do

  @moduledoc """

  Button Group component



  https://daisyui.com/components/join/





  """



  use DaisyUIComponents.Component



  @directions ~w(horizontal vertical)



  def directions, do: @directions



  @doc """

  Join elements



  ## Examples



      <.join>

        <.button class="join-item" active>Button</.button>

        <.button class="join-item">Button</.button>

        <.button class="join-item">Button</.button>

      </.join>

  """

  attr :class, :string, default: nil

  attr :direction, :string, values: @directions

  attr :rest, :global

  slot :inner_block, required: true



  def join(assigns) do

    assigns =

      assign(assigns, :class, [

        "join",

        join_direction(assigns[:direction]),

        assigns.class

      ])



    ~H"""

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

      {render_slot(@inner_block)}

    </div>

    """

  end



  # Direction

  defp join_direction("vertical"), do: "join-vertical"

  defp join_direction("horizontal"), do: "join-horizontal"

  defp join_direction(_direction), do: nil

end