---
title: Plan
description: Display plan availability information.
image: https://developers.cloudflare.com/cf-twitter-card.png
---

> 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.

[Skip to content](#%5Ftop) 

# Plan

The `Plan` component is used `75` times on `72` pages.

See all examples of pages that use Plan

Used **75** times.

**Pages**

* [/1.1.1.1/](https://developers.cloudflare.com/1.1.1.1/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/1.1.1.1/index.mdx)
* [/ai-crawl-control/features/manage-ai-crawlers/](https://developers.cloudflare.com/ai-crawl-control/features/manage-ai-crawlers/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/ai-crawl-control/features/manage-ai-crawlers.mdx)
* [/ai-crawl-control/](https://developers.cloudflare.com/ai-crawl-control/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/ai-crawl-control/index.mdx)
* [/ai-gateway/](https://developers.cloudflare.com/ai-gateway/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/ai-gateway/index.mdx)
* [/ai-search/](https://developers.cloudflare.com/ai-search/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/ai-search/index.mdx)
* [/ai/](https://developers.cloudflare.com/ai/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/ai/index.mdx)
* [/api-shield/](https://developers.cloudflare.com/api-shield/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/api-shield/index.mdx)
* [/api-shield/management-and-monitoring/endpoint-management/](https://developers.cloudflare.com/api-shield/management-and-monitoring/endpoint-management/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/api-shield/management-and-monitoring/endpoint-management/index.mdx)
* [/api-shield/security/schema-validation/](https://developers.cloudflare.com/api-shield/security/schema-validation/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/api-shield/security/schema-validation/index.mdx)
* [/argo-smart-routing/](https://developers.cloudflare.com/argo-smart-routing/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/argo-smart-routing/index.mdx)
* [/bots/](https://developers.cloudflare.com/bots/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/bots/index.mdx)
* [/browser-run/](https://developers.cloudflare.com/browser-run/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/browser-run/index.mdx)
* [/browser-run/pricing/](https://developers.cloudflare.com/browser-run/pricing/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/browser-run/pricing.mdx)
* [/byoip/](https://developers.cloudflare.com/byoip/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/byoip/index.mdx)
* [/cache/](https://developers.cloudflare.com/cache/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/cache/index.mdx)
* [/client-side-security/](https://developers.cloudflare.com/client-side-security/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/client-side-security/index.mdx)
* [/cloudflare-network-firewall/](https://developers.cloudflare.com/cloudflare-network-firewall/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/cloudflare-network-firewall/index.mdx)
* [/cloudflare-one/](https://developers.cloudflare.com/cloudflare-one/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/cloudflare-one/index.mdx)
* [/cloudflare-one/insights/logs/logpush/](https://developers.cloudflare.com/cloudflare-one/insights/logs/logpush/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/cloudflare-one/insights/logs/logpush/index.mdx)
* [/cloudflare-one/traffic-policies/packet-filtering/network-firewall-overview/](https://developers.cloudflare.com/cloudflare-one/traffic-policies/packet-filtering/network-firewall-overview/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/cloudflare-one/traffic-policies/packet-filtering/network-firewall-overview.mdx)
* [/containers/](https://developers.cloudflare.com/containers/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/containers/index.mdx)
* [/d1/](https://developers.cloudflare.com/d1/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/d1/index.mdx)
* [/data-localization/](https://developers.cloudflare.com/data-localization/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/data-localization/index.mdx)
* [/ddos-protection/](https://developers.cloudflare.com/ddos-protection/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/ddos-protection/index.mdx)
* [/dmarc-management/](https://developers.cloudflare.com/dmarc-management/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/dmarc-management/index.mdx)
* [/dns/dns-firewall/](https://developers.cloudflare.com/dns/dns-firewall/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/dns/dns-firewall/index.mdx)
* [/dns/](https://developers.cloudflare.com/dns/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/dns/index.mdx)
* [/dns/internal-dns/](https://developers.cloudflare.com/dns/internal-dns/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/dns/internal-dns/index.mdx)
* [/dns/private-origins/](https://developers.cloudflare.com/dns/private-origins/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/dns/private-origins/index.mdx)
* [/durable-objects/](https://developers.cloudflare.com/durable-objects/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/durable-objects/index.mdx)
* [/email-routing/](https://developers.cloudflare.com/email-routing/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/email-routing/index.mdx)
* [/email-security/](https://developers.cloudflare.com/email-security/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/email-security/index.mdx)
* [/email-service/](https://developers.cloudflare.com/email-service/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/email-service/index.mdx)
* [/fundamentals/organizations/](https://developers.cloudflare.com/fundamentals/organizations/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/fundamentals/organizations/index.mdx)
* [/hyperdrive/](https://developers.cloudflare.com/hyperdrive/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/hyperdrive/index.mdx)
* [/images/](https://developers.cloudflare.com/images/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/images/index.mdx)
* [/kv/](https://developers.cloudflare.com/kv/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/kv/index.mdx)
* [/load-balancing/](https://developers.cloudflare.com/load-balancing/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/load-balancing/index.mdx)
* [/magic-transit/](https://developers.cloudflare.com/magic-transit/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/magic-transit/index.mdx)
* [/multi-cloud-networking/](https://developers.cloudflare.com/multi-cloud-networking/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/multi-cloud-networking/index.mdx)
* [/network-flow/](https://developers.cloudflare.com/network-flow/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/network-flow/index.mdx)
* [/network-interconnect/](https://developers.cloudflare.com/network-interconnect/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/network-interconnect/index.mdx)
* [/network/](https://developers.cloudflare.com/network/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/network/index.mdx)
* [/notifications/](https://developers.cloudflare.com/notifications/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/notifications/index.mdx)
* [/pages/](https://developers.cloudflare.com/pages/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/pages/index.mdx)
* [/pipelines/](https://developers.cloudflare.com/pipelines/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/pipelines/index.mdx)
* [/privacy-gateway/](https://developers.cloudflare.com/privacy-gateway/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/privacy-gateway/index.mdx)
* [/privacy-proxy/](https://developers.cloudflare.com/privacy-proxy/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/privacy-proxy/index.mdx)
* [/queues/](https://developers.cloudflare.com/queues/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/queues/index.mdx)
* [/radar/](https://developers.cloudflare.com/radar/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/radar/index.mdx)
* [/registrar/](https://developers.cloudflare.com/registrar/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/registrar/index.mdx)
* [/resource-tagging/](https://developers.cloudflare.com/resource-tagging/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/resource-tagging/index.mdx)
* [/rules/](https://developers.cloudflare.com/rules/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/rules/index.mdx)
* [/rules/trace-request/](https://developers.cloudflare.com/rules/trace-request/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/rules/trace-request/index.mdx)
* [/sandbox/](https://developers.cloudflare.com/sandbox/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/sandbox/index.mdx)
* [/secrets-store/](https://developers.cloudflare.com/secrets-store/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/secrets-store/index.mdx)
* [/spectrum/](https://developers.cloudflare.com/spectrum/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/spectrum/index.mdx)
* [/speed/](https://developers.cloudflare.com/speed/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/speed/index.mdx)
* [/ssl/](https://developers.cloudflare.com/ssl/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/ssl/index.mdx)
* [/tunnel/](https://developers.cloudflare.com/tunnel/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/tunnel/index.mdx)
* [/version-management/](https://developers.cloudflare.com/version-management/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/version-management/index.mdx)
* [/waf/](https://developers.cloudflare.com/waf/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/waf/index.mdx)
* [/waiting-room/](https://developers.cloudflare.com/waiting-room/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/waiting-room/index.mdx)
* [/warp-client/](https://developers.cloudflare.com/warp-client/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/warp-client/index.mdx)
* [/web-analytics/](https://developers.cloudflare.com/web-analytics/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/web-analytics/index.mdx)
* [/web3/](https://developers.cloudflare.com/web3/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/web3/index.mdx)
* [/workers-ai/](https://developers.cloudflare.com/workers-ai/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/workers-ai/index.mdx)
* [/workers-vpc/](https://developers.cloudflare.com/workers-vpc/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/workers-vpc/index.mdx)
* [/workflows/](https://developers.cloudflare.com/workflows/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/workflows/index.mdx)
* [/zaraz/](https://developers.cloudflare.com/zaraz/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/zaraz/index.mdx)
* [/zaraz/reference/settings/](https://developers.cloudflare.com/zaraz/reference/settings/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/zaraz/reference/settings.mdx)

**Partials**

* [src/content/partials/networking-services/cloudflare-wan/overview.mdx](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/partials/networking-services/cloudflare-wan/overview.mdx)

The plan component lets you define what type of plan your product needs. There are two ways to use it: in the main [Overview page](https://developers.cloudflare.com/style-guide/documentation-content-strategy/content-types/overview/) of your product, or in a page where you need to talk about a specific feature with additional requirements.

In the Overview page, use `<Plan type="<PLAN_TYPE>" />`To specify a special feature use `<Plan id="<FIRST_PRODUCT>.<SECOND-PRODUCT>.properties.availability.summary" />`. This component pulls information from the `index.json` file in `src/content/plans/`.

Refer to the examples below for more information.

 Available on all plans 

 Available on Paid plans 

 Pro and above 

 Business and above 

 Add-on feature 

 Enterprise-only paid add-on 

 Available on Free and Paid plans 

 Available on Workers Paid plan 

 Paid add-on 

```

import { Plan } from "~/components"


<Plan type="all" />

<Plan type="paid" />

<Plan type="pro" />

<Plan type="business" />

<Plan type="add-on" />

<Plan type="ent-add-on" />

<Plan type="workers-all" />

<Plan type="workers-paid" />

<Plan id="web3.ethereum.properties.availability.summary" />


```

```json
{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"/directory/","name":"Directory"}},{"@type":"ListItem","position":2,"item":{"@id":"/style-guide/","name":"Style Guide"}},{"@type":"ListItem","position":3,"item":{"@id":"/style-guide/components/","name":"Components"}},{"@type":"ListItem","position":4,"item":{"@id":"/style-guide/components/plan/","name":"Plan"}}]}
```
