{% load static %}

<c-lb.card border class="bg-base-100 shadow-sm w-full max-w-96">
  <c-lb.card.figure>
    <img src="{% static 'lbdocs/img/stock/shoe.jpg' %}" alt="Shoes" />
  </c-lb.card.figure>
  <c-lb.card.body>
    <c-lb.card.title>
      Card Title
      <div class="badge badge-secondary">NEW</div>
    </c-lb.card.title>
    <p>A card component has a figure, a body part, and inside body there are title and actions parts</p>
    <c-lb.card.actions justify="end">
      <div class="badge badge-outline">Fashion</div>
      <div class="badge badge-outline">Products</div>
    </c-lb.card.actions>
  </c-lb.card.body>
</c-lb.card>