Packages

daisy_ui_components

0.8.7-rc.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 accordion.ex
Raw

lib/daisy_ui_components/accordion.ex 

defmodule DaisyUIComponents.Accordion do

  @moduledoc """

  Accordion component



  https://daisyui.com/components/accordion/

  """



  use DaisyUIComponents, :component



  @doc """

  Renders an accordion.



  ## Examples



      <.accordion>

        <:title>Title</:title>

        Content goes here

      </.accordion>

  """



  attr :class, :any, default: nil

  attr :name, :string

  attr :arrow, :boolean, default: false

  attr :plus, :boolean, default: false

  attr :open, :boolean, default: false

  attr :close, :boolean, default: false

  attr :rest, :global



  slot :title, required: true

  slot :inner_block, required: true



  def accordion(assigns) do

    assigns =

      assigns

      |> assign(

        :class,

        classes([

          "collapse",

          maybe_add_class(assigns[:arrow], "collapse-arrow"),

          maybe_add_class(assigns[:plus], "collapse-plus"),

          maybe_add_class(assigns[:open], "collapse-open"),

          maybe_add_class(assigns[:close], "collapse-close"),

          assigns.class

        ])

      )

      |> assign_new(:name, fn -> "accordion-#{System.unique_integer([:positive])}" end)



    ~H"""

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

      <input type="radio" name={@name} />



      <div class="collapse-title">

        {render_slot(@title)}

      </div>



      <div class="collapse-content">

        {render_slot(@inner_block)}

      </div>

    </div>

    """

  end

end