---
imports:
  - "../dist/doc-features.js"
---

### `<doc-features>`

The `<doc-features>` element is used to display a container for multiple feature cards.

#### Example

```html
<doc-features>
  <doc-feature title="Feature 1" icon="mdi:star" color="#f0f0f0" text-color="#000"></doc-feature>
  <doc-feature title="Feature 2" icon="mdi:heart" color="#e0e0e0" text-color="#111"></doc-feature>
</doc-features>
```

<doc-features>
  <doc-feature title="Feature 1" icon="mdi:star" color="#f0f0f0" text-color="#000"></doc-feature>
  <doc-feature title="Feature 2" icon="mdi:heart" color="#e0e0e0" text-color="#111"></doc-feature>
</doc-features>