## Examples

### Basic

<elements-example>

```html
<w-card>
  <div style="padding: 16px;">
    <h3>Apartment in Oslo</h3>
    <p>Bright 3-room apartment with balcony.</p>
  </div>
</w-card>
```

</elements-example>

### Flat

<elements-example>

```html
<w-card flat>
  <div style="padding: 16px;">
    <h3>Order summary</h3>
    <p>Review the item price, delivery, and total before continuing.</p>
  </div>
</w-card>
```

</elements-example>

### Selected

<elements-example>

```html
<w-card selected>
  <div style="padding: 16px;">
    <h3>Standard delivery</h3>
    <p>Delivered in 2-4 business days.</p>
  </div>
</w-card>
```

</elements-example>

### Flat Selected

<elements-example>

```html
<w-card flat selected>
  <div style="padding: 16px;">
    <h3>Pickup point</h3>
    <p>Collect the item from a nearby pickup point.</p>
  </div>
</w-card>
```

</elements-example>

### Clickable

<elements-example>

```html
<w-card clickable>
  <div style="padding: 16px;">
    <h3>Home delivery</h3>
    <p>Delivered to your door.</p>
  </div>
</w-card>
```

</elements-example>
