--- description: Display sidebar and inline badges. title: Badges image: https://developers.cloudflare.com/og-docs.png --- [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. # Badges Last updated Aug 24, 2026|Copy as Markdown|[View as Markdown](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/style-guide/build-the-page/components/badges/index.md)|[Agent setup](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/agent-setup/) The `Badge` component is used `84` times on `32` pages. See all examples of pages that use Badge Used **84** times. **Pages** * [/ai-gateway/usage/universal/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/ai-gateway/usage/universal/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/ai-gateway/usage/universal.mdx) * [/analytics/analytics-engine/sql-reference/aggregate-functions/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/analytics/analytics-engine/sql-reference/aggregate-functions/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/analytics/analytics-engine/sql-reference/aggregate-functions.mdx) * [/analytics/analytics-engine/sql-reference/bit-functions/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/analytics/analytics-engine/sql-reference/bit-functions/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/analytics/analytics-engine/sql-reference/bit-functions.mdx) * [/analytics/analytics-engine/sql-reference/date-time-functions/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/analytics/analytics-engine/sql-reference/date-time-functions/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/analytics/analytics-engine/sql-reference/date-time-functions.mdx) * [/analytics/analytics-engine/sql-reference/encoding-functions/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/analytics/analytics-engine/sql-reference/encoding-functions/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/analytics/analytics-engine/sql-reference/encoding-functions.mdx) * [/analytics/analytics-engine/sql-reference/mathematical-functions/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/analytics/analytics-engine/sql-reference/mathematical-functions/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/analytics/analytics-engine/sql-reference/mathematical-functions.mdx) * [/analytics/analytics-engine/sql-reference/operators/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/analytics/analytics-engine/sql-reference/operators/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/analytics/analytics-engine/sql-reference/operators.mdx) * [/analytics/analytics-engine/sql-reference/statements/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/analytics/analytics-engine/sql-reference/statements/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/analytics/analytics-engine/sql-reference/statements.mdx) * [/analytics/analytics-engine/sql-reference/string-functions/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/analytics/analytics-engine/sql-reference/string-functions/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/analytics/analytics-engine/sql-reference/string-functions.mdx) * [/analytics/analytics-engine/sql-reference/type-conversion-functions/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/analytics/analytics-engine/sql-reference/type-conversion-functions/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/analytics/analytics-engine/sql-reference/type-conversion-functions.mdx) * [/cloudflare-one/insights/logs/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/cloudflare-one/insights/logs/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/cloudflare-one/insights/logs/index.mdx) * [/cloudflare-one/networks/connectors/cloudflare-tunnel/use-cases/rdp/rdp-browser/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/cloudflare-one/networks/connectors/cloudflare-tunnel/use-cases/rdp/rdp-browser/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/cloudflare-one/networks/connectors/cloudflare-tunnel/use-cases/rdp/rdp-browser.mdx) * [/cloudflare-one/remote-browser-isolation/isolation-policies/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/cloudflare-one/remote-browser-isolation/isolation-policies/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/cloudflare-one/remote-browser-isolation/isolation-policies.mdx) * [/cloudflare-one/team-and-resources/devices/cloudflare-one-client/configure/client-sessions/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/cloudflare-one/team-and-resources/devices/cloudflare-one-client/configure/client-sessions/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/cloudflare-one/team-and-resources/devices/cloudflare-one-client/configure/client-sessions.mdx) * [/cloudflare-one/team-and-resources/devices/cloudflare-one-client/configure/settings/captive-portals/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/cloudflare-one/team-and-resources/devices/cloudflare-one-client/configure/settings/captive-portals/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/cloudflare-one/team-and-resources/devices/cloudflare-one-client/configure/settings/captive-portals.mdx) * [/cloudflare-one/team-and-resources/devices/cloudflare-one-client/configure/settings/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/cloudflare-one/team-and-resources/devices/cloudflare-one-client/configure/settings/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/cloudflare-one/team-and-resources/devices/cloudflare-one-client/configure/settings/index.mdx) * [/cloudflare-one/team-and-resources/devices/cloudflare-one-client/deployment/mdm-deployment/windows-no-auth-no-internet/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/cloudflare-one/team-and-resources/devices/cloudflare-one-client/deployment/mdm-deployment/windows-no-auth-no-internet/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/cloudflare-one/team-and-resources/devices/cloudflare-one-client/deployment/mdm-deployment/windows-no-auth-no-internet.mdx) * [/cloudflare-one/traffic-policies/egress-policies/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/cloudflare-one/traffic-policies/egress-policies/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/cloudflare-one/traffic-policies/egress-policies/index.mdx) * [/cloudflare-one/traffic-policies/http-policies/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/cloudflare-one/traffic-policies/http-policies/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/cloudflare-one/traffic-policies/http-policies/index.mdx) * [/cloudflare-one/traffic-policies/network-policies/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/cloudflare-one/traffic-policies/network-policies/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/cloudflare-one/traffic-policies/network-policies/index.mdx) * [/dns/dns-firewall/analytics/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/dns/dns-firewall/analytics/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/dns/dns-firewall/analytics.mdx) * [/email-service/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/email-service/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/email-service/index.mdx) * [/learning-paths/secure-internet-traffic/build-http-policies/tls-inspection/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/learning-paths/secure-internet-traffic/build-http-policies/tls-inspection/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/learning-paths/secure-internet-traffic/build-http-policies/tls-inspection.mdx) * [/learning-paths/secure-internet-traffic/connect-devices-networks/choose-on-ramp/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/learning-paths/secure-internet-traffic/connect-devices-networks/choose-on-ramp/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/learning-paths/secure-internet-traffic/connect-devices-networks/choose-on-ramp.mdx) * [/logs/logpush/transformers/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/logs/logpush/transformers/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/logs/logpush/transformers.mdx) * [/rules/compression-rules/settings/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/rules/compression-rules/settings/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/rules/compression-rules/settings.mdx) * [/stream/stream-live/start-stream-live/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/stream/stream-live/start-stream-live/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/stream/stream-live/start-stream-live.mdx) * [/stream/viewing-videos/using-own-player/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/stream/viewing-videos/using-own-player/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/stream/viewing-videos/using-own-player/index.mdx) * [/waf/analytics/security-analytics/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/waf/analytics/security-analytics/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/waf/analytics/security-analytics.mdx) * [/workers/observability/logs/](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/workers/observability/logs/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/workers/observability/logs/index.mdx) **Partials** * [src/content/partials/networking-services/mnm/get-started.mdx](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/partials/networking-services/mnm/get-started.mdx) Badges are a built-in component provided by [Nimbus ↗](https://nimbus-docs.com/components/badge/). Use them to indicate a product is in beta, for example. ## Component ```mdx import { Badge } from "~/components"; ``` ## Sidebar Badges can be added to the sidebar via page frontmatter. ```mdx --- title: Hello World sidebar: badge: variant: tip text: New --- ``` If you want to add the Beta badge to a product, omit the `variant:` entry: ```mdx --- title: Hello World sidebar: badge: text: Beta --- ``` Was this helpful? YesNo ## On this page [![](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/_astro/logo.te5VL_aD.svg)Docs](https://docs-durable-objects-instance-replaced-errors.previews.developers.cloudflare.com/) ```json {"@context":"https://schema.org","@type":"TechArticle","@id":"https://developers.cloudflare.com/style-guide/build-the-page/components/badges/#page","headline":"Badges · Cloudflare Style Guide","description":"Display sidebar and inline badges.","url":"https://developers.cloudflare.com/style-guide/build-the-page/components/badges/","inLanguage":"en","image":"https://developers.cloudflare.com/og-docs.png","dateModified":"2026-08-24","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/"}} ```