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

### doc-feature

The `<doc-feature>` element is used to display a feature card with an icon, image, and title.

#### Attributes

- `title`: The title of the feature.
- `icon`: The icon to display in the feature card.
- `image`: The image to display in the feature card.
- `color`: The background color of the feature card.
- `text-color`: The text color of the feature card.

#### Example

```html
<doc-feature 
  title="Feature Title" 
  icon="mdi:star" 
  image="https://cdn.jsdelivr.net/gh/opral/monorepo/inlang/documentation/sdk/assets/sdkDocStorage.png" 
  color="#f0f0f0" 
  text-color="#000">
</doc-feature>
```

<doc-feature 
  title="Feature Title" 
  icon="mdi:star" 
  image="https://cdn.jsdelivr.net/gh/opral/monorepo/inlang/documentation/sdk/assets/sdkDocStorage.png" 
  color="#f0f0f0" 
  text-color="#000">
</doc-feature>