---
title: Feature · Cloudflare Style Guide
description: The <Feature> component lists features available in the product and
  provides a link button to use the feature.
lastUpdated: 2025-03-06T20:33:22.000Z
chatbotDeprioritize: true
source_url:
  html: https://developers.cloudflare.com/style-guide/components/feature/
  md: https://developers.cloudflare.com/style-guide/components/feature/index.md
---

The `<Feature>` component lists features available in the product and provides a link button to use the feature.

The header parameter supplies the feature name and the href parameter supplies the link to the feature. Text wrapped in the component supplies the description.

```mdx
import { Feature } from "~/components"


<Feature header="Astro" href="/style-guide/components/feature/">
   Hello, world!
</Feature>
```

### Astro

Hello, world!

[Use Astro](https://developers.cloudflare.com/style-guide/components/feature/)
