defmodule PyrauiWeb.DocsLive.ListDocs do use PyrauiWeb, :html def render(assigns) do ~H"""

List

Data list component for displaying structured information with titles and content.

Basic Example

<:item title="Name">John Doe <:item title="Email">john@example.com <:item title="Role">Administrator <:item title="Status">Active 

    <.list>
      <:item title="Name">John Doe</:item>
      <:item title="Email">john@example.com</:item>
      <:item title="Role">Administrator</:item>
    </.list>

With Dynamic Content

<:item title="Post Title">Getting Started with Phoenix LiveView <:item title="Views">1,234 <:item title="Published">January 15, 2024 <:item title="Author">Jane Smith 

    <.list>
      <:item title="Post Title">{@post.title}</:item>
      <:item title="Views">{@post.views}</:item>
      <:item title="Published">{@post.published_at}</:item>
    </.list>

With Badges

<:item title="Status"> Active <:item title="Priority"> High <:item title="Category"> Feature 

    <.list>
      <:item title="Status">
        <.badge variant={:success}>Active</.badge>
      </:item>
      <:item title="Priority">
        <.badge variant={:warning}>High</.badge>
      </:item>
    </.list>

Props

Prop Type Default Description
item (slot) slot required List items. Each item accepts:
  • title - Title/label for the item (required)
""" end end