Card

Renders a card in an article tag, typically used repetitively in a grid or flex box layout.

Read more Read less

Usage

<.card>
  <:image>
    <img src="image.png" alt="Picture of a dog dressed in a poncho." />
  </:image>
  <:header><h2>Dog Fashion Show</h2></:header>
  <:main>
    The next dog fashion show is coming up quickly. Here's what you need
    to look out for.
  </:main>
  <:footer>
    <span>2023-11-15 12:24</span>
    <span>Events</span>
  </:footer>
</.card>
A dog wearing a colorful poncho walks down a fashion show runway.

Dog Fashion Show

The next dog fashion show is coming up quickly. Here's what you need to look out for.
2023-11-15 12:24 Events
<.card>
  <:image>
    <img
      src="https://github.com/woylie/doggo/blob/main/assets/dog_poncho.jpg?raw=true"
      alt="A dog wearing a colorful poncho walks down a fashion show runway."
    />
  </:image>
  <:main>
    The next dog fashion show is coming up quickly. Here's what you need
    to look out for.
  </:main>
  <:header><h2>Dog Fashion Show</h2></:header>
  <:footer>
    <span>2023-11-15 12:24</span>
    <span>Events</span>
  </:footer>
</.card>