---
description: Display a feature card on overview pages.
title: Feature
image: https://developers.cloudflare.com/style-guide/build-the-page/components/feature/og.png?v=0db0faf52da07980
---
[Skip to content](#main-content)
> Documentation Index
> Fetch the complete documentation index at: https://developers.cloudflare.com/style-guide/llms.txt
> Use this file to discover all available pages before exploring further.
# Feature
Last updated Aug 20, 2026|Copy as Markdown| [View as Markdown](https://developers.cloudflare.com/style-guide/build-the-page/components/feature/index.md)| [Agent setup](https://developers.cloudflare.com/agent-setup/)
The `Feature` component is used `264` times on `70` pages.
See all examples of pages that use Feature
Used **264** times.
**Pages**
- /1.1.1.1/-Source
- /agent-memory/-Source
- /ai-crawl-control/-Source
- /ai-gateway/features/-Source
- /ai-gateway/-Source
- /ai-search/-Source
- /ai/-Source
- /analytics/-Source
- /api-shield/-Source
- /argo-smart-routing/-Source
- /basin-pipelines/-Source
- /basin/-Source
- /bots/-Source
- /byoip/-Source
- /cache/-Source
- /client-side-security/-Source
- /cloudflare-network-firewall/-Source
- /cloudflare-one/networks/connectors/cloudflare-wan/-Source
- /cloudflare-one/traffic-policies/packet-filtering/network-firewall-overview/-Source
- /cloudflare-wan/-Source
- /containers/-Source
- /d1/-Source
- /data-localization/-Source
- /ddos-protection/-Source
- /dns/-Source
- /durable-objects/-Source
- /email-security/-Source
- /email-service/-Source
- /flagship/-Source
- /health-checks/-Source
- /hyperdrive/-Source
- /images/-Source
- /k2/-Source
- /kv/-Source
- /load-balancing/-Source
- /log-explorer/-Source
- /logs/-Source
- /magic-transit/-Source
- /multi-cloud-networking/-Source
- /network-flow/-Source
- /network/-Source
- /observability/-Source
- /ohttp-relay/-Source
- /pages/-Source
- /privacy-proxy/-Source
- /pulumi/-Source
- /queues/-Source
- /r2/-Source
- /radar/-Source
- /realtime/realtimekit/-Source
- /registrar/-Source
- /rules/-Source
- /security/-Source
- /spectrum/-Source
- /speed/-Source
- /ssl/-Source
- /stream/-Source
- /style-guide/build-the-page/components/feature/-Source
- /turnstile/-Source
- /vectorize/-Source
- /waf/-Source
- /waiting-room/-Source
- /warp-client/-Source
- /web-analytics/-Source
- /web-search/-Source
- /web3/-Source
- /workers-ai/features/fine-tunes/-Source
- /workers-ai/-Source
- /workflows/-Source
- /zaraz/-Source
**Partials**
The `` 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"
Hello, world!
```
[Astro](https://developers.cloudflare.com/style-guide/build-the-page/components/feature/)
Hello, world!
Use Astro
Was this helpful?
YesNo
## On this page
[Docs](https://developers.cloudflare.com/)
```json
{"@context":"https://schema.org","@type":"TechArticle","@id":"https://developers.cloudflare.com/style-guide/build-the-page/components/feature/#page","headline":"Feature","description":"Display a feature card on overview pages.","url":"https://developers.cloudflare.com/style-guide/build-the-page/components/feature/","inLanguage":"en","image":"https://developers.cloudflare.com/style-guide/build-the-page/components/feature/og.png?v=0db0faf52da07980","dateModified":"2026-08-20","publisher":{"@type":"Organization","name":"Cloudflare","description":"One platform for your apps, agents, and workforce. Build, secure, and scale without managing infrastructure","url":"https://www.cloudflare.com/","sameAs":["https://github.com/cloudflare","https://www.linkedin.com/company/cloudflare","https://x.com/cloudflare"],"logo":{"@type":"ImageObject","url":"https://developers.cloudflare.com/logo.svg"},"address":{"@type":"PostalAddress","streetAddress":"101 Townsend St","addressLocality":"San Francisco","addressRegion":"CA","postalCode":"94107","addressCountry":"US"},"contactPoint":[{"@type":"ContactPoint","contactType":"Customer Support","url":"https://support.cloudflare.com/","availableLanguage":["English"]},{"@type":"ContactPoint","contactType":"Sales","url":"https://www.cloudflare.com/contact/","availableLanguage":["English"]}]},"isPartOf":{"@type":"WebSite","@id":"https://developers.cloudflare.com/#website","name":"Cloudflare Docs","url":"https://developers.cloudflare.com/"}}
```