Packages

daisy_ui_components

0.7.3
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 list.ex
Raw

lib/daisy_ui_components/list.ex 

defmodule DaisyUIComponents.List do

  @moduledoc """

  This component was extracted from the original [Phoenix CoreComponents](https://github.com/phoenixframework/phoenix/blob/main/installer/templates/phx_web/components/core_components.ex).

  """



  use DaisyUIComponents, :component



  @doc """

  Renders a data list.



  ## Examples



      <.list>

        <:item title="Title"><%= @post.title %></:item>

        <:item title="Views"><%= @post.views %></:item>

      </.list>

  """

  slot :item, required: true do

    attr :title, :string, required: true

  end



  def list(assigns) do

    ~H"""

    <div class="mt-14">

      <dl class="-my-4 divide-y">

        <div :for={item <- @item} class="flex gap-4 py-4 text-sm leading-6 sm:gap-8">

          <dt class="w-1/4 flex-none">{item.title}</dt>

          <dd>{render_slot(item)}</dd>

        </div>

      </dl>

    </div>

    """

  end

end