# Card pattern 01

Card pattern 01 is a pre-built composition based on the card component.


## Overview

### Slots

All card patterns are built on top of the base card component. Card pattern 01 is available in both interaction types – default card and linked card, and uses slots to build flexible yet consistent layouts.

Each variant consists of:

*   **header slot** – img, icon or custom
    
*   **main area** – includes heading and excerpt
    
*   **footer** **slot** – supports actions depending on card type (see below).

### Header

#### Empty

No header content.

#### Image

Can be 16:9 (landscape) or 1:1 (portrait).

#### Custom

Allows placement of custom content.

### Footer

### Decorative elements

The footer on a linked card upports two types of decorative elements: a label, set via the `label` property, and slotted elements, such as an icon button.

Note: All decorative elements are always inert.

### Empty

The footer will not show if the card is linked without a label, or if no slotted elements are provided.

### Actions

Note: This only applies to the default card (not linked).

### Variants

In card pattern 01, you can choose between two variants: `neutral-01` and `neutral-02`. The `neutral-02` variant can also be outlined.