# `PetalComponents.Card`
[🔗](https://github.com/petalframework/petal_components/blob/v3.2.0/lib/petal_components/card.ex#L1)

# `card`

## Attributes

* `class` (`:any`) - CSS class. Defaults to `nil`.
* `variant` (`:string`) - Defaults to `"basic"`. Must be one of `"basic"`, or `"outline"`.
* Global attributes are accepted.
## Slots

* `inner_block`

# `card_content`

## Attributes

* `heading` (`:string`) - creates a heading. Defaults to `nil`.
* `category` (`:string`) - creates a category. Defaults to `nil`.
* `category_color_class` (`:any`) - sets a category color class. Defaults to `"pc-card__category--primary"`.
* `class` (`:any`) - CSS class. Defaults to `nil`.
* Global attributes are accepted.
## Slots

* `inner_block`

# `card_footer`

## Attributes

* `class` (`:any`) - CSS class. Defaults to `nil`.
* Global attributes are accepted.
## Slots

* `inner_block`

# `card_media`

## Attributes

* `aspect_ratio_class` (`:any`) - aspect ratio class. Defaults to `"aspect-video"`.
* `src` (`:string`) - hosted image URL. Defaults to `nil`.
* `class` (`:any`) - CSS class. Defaults to `nil`.
* Global attributes are accepted.
## Slots

* `inner_block`

# `review_card`

## Attributes

* `name` (`:string`) (required) - The reviewer's name.
* `username` (`:string`) (required) - The reviewer's username.
* `img` (`:string`) (required) - URL of the reviewer's avatar.
* `body` (`:string`) (required) - The review text content.
* `class` (`:string`) - Additional classes. Defaults to `""`.
* Global attributes are accepted.

---

*Consult [api-reference.md](api-reference.md) for complete listing*