Anatomy

    <.data_list
  class="data-list"
  items={
    Corex.Content.new([
      %{
        label: "Lorem ipsum dolor sit amet",
        content: "Consectetur adipiscing elit. Sed sodales ullamcorper tristique."
      },
      %{
        label: "Duis dictum gravida odio ac pharetra?",
        content: "Nullam eget vestibulum ligula, at interdum tellus."
      },
      %{
        label: "Donec condimentum ex mi",
        content: "Congue molestie ipsum gravida a. Sed ac eros luctus."
      }
    ])
  }
/>

  

    <.data_list class="data-list">
  <:label value="lorem">
    <.heroicon name="hero-chat-bubble-left-right" /> Lorem ipsum dolor sit amet
  </:label>
  <:content value="lorem">
    <p>Consectetur adipiscing elit. Sed sodales ullamcorper tristique.</p>
  </:content>
  <:label value="duis">
    <.heroicon name="hero-device-phone-mobile" /> Duis dictum gravida odio ac pharetra?
  </:label>
  <:content value="duis">
    <p>Nullam eget vestibulum ligula, at interdum tellus.</p>
  </:content>
  <:label value="donec">
    <.heroicon name="hero-phone" /> Donec condimentum ex mi
  </:label>
  <:content value="donec">
    <p>Congue molestie ipsum gravida a. Sed ac eros luctus.</p>
  </:content>
</.data_list>

  

    <.data_list
  class="data-list"
  items={
    Corex.Content.new([
      %{
        label: "Lorem ipsum dolor sit amet",
        content: "Consectetur adipiscing elit. Sed sodales ullamcorper tristique.",
        meta: %{icon: "hero-chat-bubble-left-right"}
      },
      %{
        label: "Duis dictum gravida odio ac pharetra?",
        content: "Nullam eget vestibulum ligula, at interdum tellus.",
        meta: %{icon: "hero-device-phone-mobile"}
      },
      %{
        label: "Donec condimentum ex mi",
        content: "Congue molestie ipsum gravida a. Sed ac eros luctus.",
        meta: %{icon: "hero-phone"}
      }
    ])
  }
>
  <:label :let={item}>
    <.heroicon name={item.meta.icon} /> {item.label}
  </:label>
  <:content :let={item}>
    <p>{item.content}</p>
  </:content>
</.data_list>

  

    <.data_list class="data-list" items={[]}>
  <:empty>No entries</:empty>
</.data_list>