Phoenix + DaisyUI

Card

Shoes

Shoes!

If a dog chews shoes whose shoes does he choose?

Shoes

Shoes!

If a dog chews shoes whose shoes does he choose?

Attribute Type Documentation Default Value
class :any
placement :string
bordered :boolean false
modifier :string
padding :string
rest :global
card_title :slot
Show slot attributes Hide slot attributes
class :any 
<figure>
  <img
    src="https://img.daisyui.com/images/stock/photo-1606107557195-0e29a4b5b4aa.webp"
    alt="Shoes" />
</figure>
<:card_title>Shoes!</:card_title>
<:card_body>
  <p>If a dog chews shoes whose shoes does he choose?</p>
</:card_body>
<:card_actions class="justify-end">
  <button class="btn btn-primary">Buy Now</button>
</:card_actions>
card_body :slot 
<figure>
  <img
    src="https://img.daisyui.com/images/stock/photo-1606107557195-0e29a4b5b4aa.webp"
    alt="Shoes" />
</figure>
<:card_title>Shoes!</:card_title>
<:card_body>
  <p>If a dog chews shoes whose shoes does he choose?</p>
</:card_body>
<:card_actions class="justify-end">
  <button class="btn btn-primary">Buy Now</button>
</:card_actions>
card_actions :slot
Show slot attributes Hide slot attributes
class :any 
<figure>
  <img
    src="https://img.daisyui.com/images/stock/photo-1606107557195-0e29a4b5b4aa.webp"
    alt="Shoes" />
</figure>
<:card_title>Shoes!</:card_title>
<:card_body>
  <p>If a dog chews shoes whose shoes does he choose?</p>
</:card_body>
<:card_actions class="justify-end">
  <button class="btn btn-primary">Buy Now</button>
</:card_actions>
inner_block :slot