--- description: Display numbered step-by-step instructions. title: Steps image: https://developers.cloudflare.com/style-guide/build-the-page/components/steps/og.png?v=53173782bb4f6297 --- [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. # Steps Last updated Aug 20, 2026|Copy as Markdown| [View as Markdown](https://developers.cloudflare.com/style-guide/build-the-page/components/steps/index.md)| [Agent setup](https://developers.cloudflare.com/agent-setup/) The `Steps` component is used `891` times on `448` pages.

See all examples of pages that use Steps

Used **891** times. **Pages** - /agent-lee/manage-access/-Source - /agent-lee/take-home-code/-Source - /agent-setup/bionic/-Source - /agent-setup/claude-code/-Source - /agent-setup/codex/-Source - /agent-setup/command-code/-Source - /agent-setup/cursor/-Source - /agent-setup/devin/-Source - /agent-setup/github-copilot/-Source - /agent-setup/opencode/-Source - /agent-setup/vibe/-Source - /agent-setup/visual-studio-code/detailed-walkthrough/-Source - /agent-setup/visual-studio-code/-Source - /agents/model-context-protocol/guides/build-codemode-mcp-server/-Source - /agents/model-context-protocol/guides/build-codemode-openapi-mcp-server/-Source - /agents/model-context-protocol/guides/connect-mcp-client/-Source - /agents/model-context-protocol/guides/migrate-to-mcp-sdk-v2/-Source - /agents/tools/codemode/ai-sdk/-Source - /agents/tools/codemode/browser/-Source - /agents/tools/codemode/durable-runtime/-Source - /agents/tools/codemode/mcp/-Source - /agents/tools/codemode/openapi/-Source - /agents/tools/codemode/tanstack-ai/-Source - /agents/tools/payments/mpp/accept-payments/-Source - /agents/tools/payments/mpp/pay-from-agents-sdk/-Source - /ai-crawl-control/configuration/ai-crawl-control-with-waf/-Source - /ai-crawl-control/features/manage-ai-crawlers/-Source - /ai-crawl-control/features/pay-per-crawl/use-pay-per-crawl-as-ai-owner/connect-to-stripe/-Source - /ai-crawl-control/features/pay-per-crawl/use-pay-per-crawl-as-ai-owner/discover-payable-content/-Source - /ai-crawl-control/features/pay-per-crawl/use-pay-per-crawl-as-ai-owner/verify-ai-crawler/-Source - /ai-crawl-control/features/pay-per-crawl/use-pay-per-crawl-as-site-owner/enable-in-account-settings/-Source - /ai-crawl-control/features/pay-per-crawl/use-pay-per-crawl-as-site-owner/manage-payouts/-Source - /ai-crawl-control/features/pay-per-crawl/use-pay-per-crawl-as-site-owner/monitor-activity/-Source - /ai-crawl-control/features/pay-per-crawl/use-pay-per-crawl-as-site-owner/select-crawlers-to-charge/-Source - /ai-crawl-control/features/pay-per-crawl/use-pay-per-crawl-as-site-owner/set-a-pay-per-crawl-price/-Source - /ai-crawl-control/get-started/-Source - /ai-gateway/features/machine-payments/-Source - /ai-gateway/features/spend-limits/-Source - /ai-gateway/features/unified-billing/-Source - /ai-gateway/integrations/coding-agents/claude-code/-Source - /ai-gateway/integrations/coding-agents/claude-desktop/-Source - /ai-gateway/integrations/coding-agents/github-copilot-cli/-Source - /ai-gateway/integrations/coding-agents/-Source - /ai-gateway/integrations/coding-agents/openai-codex/-Source - /ai-gateway/integrations/coding-agents/opencode/-Source - /ai-gateway/integrations/coding-agents/pi/-Source - /ai-gateway/observability/log-classification/-Source - /ai-search/configuration/data-source/website/authentication-headers/-Source - /ai-search/configuration/data-source/website/content-selectors/-Source - /ai-search/configuration/data-source/website/-Source - /ai-search/configuration/data-source/website/parse-types/-Source - /ai-search/configuration/retrieval/public-endpoint/cloudflare-access/-Source - /ai-search/configuration/retrieval/public-endpoint/embed-search-snippets/-Source - /ai-search/get-started/dashboard/-Source - /ai-search/how-to/add-search-to-your-website/-Source - /ai-search/how-to/connect-mcp-client/-Source - /api-shield/management-and-monitoring/api-routing/-Source - /api-shield/management-and-monitoring/developer-portal/-Source - /api-shield/management-and-monitoring/endpoint-labels/-Source - /api-shield/management-and-monitoring/endpoint-management/-Source - /api-shield/management-and-monitoring/endpoint-management/schema-learning/-Source - /api-shield/security/api-discovery/-Source - /api-shield/security/authentication-posture/-Source - /api-shield/security/bola-vulnerability-detection/-Source - /api-shield/security/jwt-validation/-Source - /api-shield/security/jwt-validation/jwt-worker/-Source - /api-shield/security/jwt-validation/transform-rules/-Source - /api-shield/security/schema-validation/api/-Source - /api-shield/security/schema-validation/-Source - /api-shield/security/sequence-mitigation/manage-sequence-rules/-Source - /artifacts/get-started/workers/-Source - /basin-catalog/config-examples/trino/-Source - /basin-catalog/get-started/-Source - /basin-catalog/manage-catalogs/-Source - /basin-catalog/table-maintenance/-Source - /basin-pipelines/getting-started/-Source - /basin-pipelines/pipelines/manage-pipelines/-Source - /basin-pipelines/sinks/manage-sinks/-Source - /basin-pipelines/streams/manage-streams/-Source - /basin-sql/get-started/-Source - /basin-sql/tutorials/end-to-end-pipeline/-Source - /basin/get-started/guide/-Source - /basin/get-started/prompting/-Source - /billing/get-started/create-billing-profile/-Source - /billing/get-started/update-billing-info/-Source - /billing/manage/billable-usage/-Source - /billing/manage/budget-alerts/-Source - /billing/manage/cancel-subscription/-Source - /billing/manage/change-plan/-Source - /billing/manage/invoices/-Source - /billing/manage/pay-invoices-overdue-balances/-Source - /billing/payment-methods/additional-payment-method-auto-retry/-Source - /billing/troubleshoot/resolve-cannot-remove-payment-method/-Source - /billing/troubleshoot/resolve-you-cannot-modify-this-subscription/-Source - /billing/troubleshoot/resolve-zone-cannot-be-upgraded/-Source - /billing/troubleshoot/troubleshoot-failed-payments/-Source - /bots/account-abuse-protection/-Source - /bots/additional-configurations/ai-labyrinth/-Source - /bots/additional-configurations/detection-ids/account-takeover-detections/-Source - /bots/additional-configurations/detection-ids/-Source - /bots/additional-configurations/detection-ids/scraping-detections/-Source - /bots/additional-configurations/managed-robots-txt/-Source - /bots/additional-configurations/sequence-rules/-Source - /bots/additional-configurations/static-resources/-Source - /bots/concepts/feedback-loop/-Source - /bots/get-started/bot-fight-mode/-Source - /bots/get-started/bot-management/-Source - /bots/get-started/super-bot-fight-mode/-Source - /bots/reference/alerts/-Source - /bots/reference/bot-verification/web-bot-auth/-Source - /bots/troubleshooting/wordpress-loopback-issue/-Source - /browser-run/faq/-Source - /browser-run/how-to/extract-brand-kit/-Source - /browser-run/how-to/pre-render-pages/-Source - /cache/guides/invalidate-cache/-Source - /cf/agents/-Source - /cf/ci/-Source - /cf/get-started/first-worker/-Source - /cf/get-started/-Source - /cf/wrangler/-Source - /cf/wrangler/migrate/-Source - /china-network/concepts/china-dns/-Source - /china-network/get-started/-Source - /client-side-security/best-practices/handle-an-alert/-Source - /client-side-security/detection/monitor-connections-scripts/-Source - /client-side-security/detection/review-changed-scripts/-Source - /client-side-security/detection/review-malicious-scripts/-Source - /client-side-security/get-started/-Source - /client-side-security/reference/settings/-Source - /cloudflare-challenges/challenge-types/challenge-pages/challenge-passage/-Source - /cloudflare-challenges/challenge-types/javascript-detections/-Source - /cloudflare-challenges/concepts/clearance/-Source - /cloudflare-one/access-controls/ai-controls/mcp-portals/-Source - /cloudflare-one/access-controls/service-credentials/service-tokens/-Source - /cloudflare-one/cloud-and-saas-findings/manage-findings/-Source - /cloudflare-one/data-loss-prevention/passive-detection/-Source - /cloudflare-one/data-loss-prevention/test-scan/-Source - /cloudflare-one/data-loss-prevention/troubleshoot-dlp/-Source - /cloudflare-one/networks/connectors/granular-permissions/-Source - /cloudflare-one/team-and-resources/devices/cloudflare-one-client/deployment/manual-deployment/-Source - /cloudflare-one/traffic-policies/granular-permissions/-Source - /cloudflare-one/tutorials/deploy-client-headless-linux/-Source - /cloudflare-wan/configuration/appliance/configure-virtual-appliance/-Source - /containers/guides/deploy/-Source - /containers/guides/image-management/-Source - /containers/guides/migrate-to-durable-object-container-api/-Source - /containers/guides/migrate-to-durable-object-scheduling-policy/-Source - /d1/get-started/-Source - /d1/tutorials/build-a-comments-api/-Source - /d1/tutorials/build-an-api-to-access-d1/-Source - /d1/tutorials/import-to-d1-with-rest-api/-Source - /d1/worker-api/-Source - /data-localization/regional-services/-Source - /data-localization/regional-services/spectrum-applications/-Source - /ddos-protection/advanced-ddos-systems/how-to/add-prefix-allowlist/-Source - /ddos-protection/advanced-ddos-systems/how-to/add-prefix/-Source - /ddos-protection/advanced-ddos-systems/how-to/create-filter/-Source - /ddos-protection/advanced-ddos-systems/how-to/create-rule/-Source - /ddos-protection/advanced-ddos-systems/how-to/exclude-prefix/-Source - /ddos-protection/advanced-ddos-systems/overview/-Source - /ddos-protection/advanced-ddos-systems/overview/programmable-flow-protection/-Source - /ddos-protection/best-practices/proactive-defense/-Source - /ddos-protection/botnet-threat-feed/-Source - /ddos-protection/get-started/-Source - /ddos-protection/managed-rulesets/adaptive-protection/-Source - /ddos-protection/managed-rulesets/http/http-overrides/configure-dashboard/-Source - /ddos-protection/managed-rulesets/http/http-overrides/override-examples/-Source - /dns/zone-setups/partial-setup/setup/-Source - /durable-objects/observability/data-studio/-Source - /durable-objects/observability/metrics-and-analytics/-Source - /durable-objects/reference/durable-object-class-migrations-legacy/-Source - /durable-objects/reference/durable-objects-migrations/-Source - /email-service/configuration/domains/-Source - /email-service/configuration/suppressions/-Source - /email-service/examples/email-sending/sync-recipient-records/-Source - /email-service/reference/troubleshooting/-Source - /fundamentals/account/create-account/-Source - /fundamentals/account/find-account-and-zone-ids/-Source - /fundamentals/oauth/authorizing-an-application/-Source - /fundamentals/oauth/create-an-oauth-client/-Source - /fundamentals/organizations/for-enterprise/-Source - /hyperdrive/configuration/connect-to-private-database/-Source - /hyperdrive/examples/connect-to-mysql/mysql-drivers-and-libraries/drizzle-orm/-Source - /hyperdrive/examples/connect-to-postgres/postgres-database-providers/digital-ocean/-Source - /hyperdrive/examples/connect-to-postgres/postgres-database-providers/fly/-Source - /hyperdrive/examples/connect-to-postgres/postgres-database-providers/prisma-postgres/-Source - /hyperdrive/examples/connect-to-postgres/postgres-drivers-and-libraries/drizzle-orm/-Source - /hyperdrive/examples/python-workers/-Source - /images/storage/upload-images/import-from-s3/edit/-Source - /images/storage/upload-images/import-from-s3/enable/-Source - /k2/features/consume/-Source - /k2/get-started/-Source - /kv/get-started/-Source - /load-balancing/additional-options/cname-flattening/-Source - /log-explorer/manage-datasets/-Source - /logs/logpush/logpush-job/enable-destinations/pipelines/-Source - /monetization-gateway/get-started/-Source - /notifications/get-started/configure-pagerduty/-Source - /notifications/get-started/configure-webhooks/-Source - /observability/export/opentelemetry/axiom/-Source - /observability/export/opentelemetry/grafana-cloud/-Source - /observability/export/opentelemetry/honeycomb/-Source - /observability/export/opentelemetry/-Source - /observability/export/opentelemetry/posthog/-Source - /observability/export/opentelemetry/sentry/-Source - /pages/configuration/build-caching/-Source - /pages/configuration/build-watch-paths/-Source - /pages/configuration/custom-domains/-Source - /pages/configuration/git-integration/-Source - /pages/how-to/npm-private-registry/-Source - /queues/event-subscriptions/manage-event-subscriptions/-Source - /queues/examples/list-messages-from-dash/-Source - /r2/buckets/data-access-logs/-Source - /r2/data-migration/sippy/-Source - /r2/examples/rclone/-Source - /r2/get-started/cli/-Source - /r2/get-started/s3/-Source - /r2/get-started/workers-api/-Source - /r2/objects/upload-objects/-Source - /realtime/realtimekit/core/ios-screen-sharing/-Source - /realtime/realtimekit/faq/-Source - /realtime/realtimekit/webhooks/-Source - /realtime/realtimekit/webinar/-Source - /realtime/sfu/examples/ai-audio/-Source - /realtime/sfu/examples/cloud-gaming/-Source - /realtime/sfu/examples/embedded-devices/-Source - /realtime/sfu/examples/video-room/-Source - /realtime/sfu/features/datachannels/-Source - /realtime/sfu/features/simulcast/-Source - /realtime/sfu/get-started/connection-patterns/-Source - /realtime/sfu/get-started/-Source - /reference-architecture/diagrams/security/fips-140-3/-Source - /registrar/account-options/domain-ownership-certificate/-Source - /rules/cloud-connector/create-dashboard/-Source - /rules/cloud-connector/examples/route-images-to-s3/-Source - /rules/cloud-connector/examples/send-eu-visitors-to-gcs/-Source - /rules/cloud-connector/examples/serve-static-assets-from-azure/-Source - /rules/cloud-connector/providers/-Source - /rules/compression-rules/create-dashboard/-Source - /rules/configuration-rules/create-dashboard/-Source - /rules/configuration-rules/response-body-inspection/-Source - /rules/custom-errors/create-rules/-Source - /rules/custom-errors/edit-error-pages/-Source - /rules/custom-errors/-Source - /rules/normalization/how-it-works/-Source - /rules/normalization/manage/-Source - /rules/origin-rules/create-dashboard/-Source - /rules/origin-rules/tutorials/change-uri-path-and-host-header/-Source - /rules/origin-rules/tutorials/point-to-pages-with-custom-domain/-Source - /rules/origin-rules/tutorials/point-to-r2-bucket-with-custom-domain/-Source - /rules/page-rules/how-to/url-forwarding/-Source - /rules/page-rules/manage/-Source - /rules/page-rules/troubleshooting/billing-and-subscription/-Source - /rules/reference/page-rules-migration/-Source - /rules/snippets/create-dashboard/-Source - /rules/trace-request/how-to/-Source - /rules/transform/managed-transforms/configure/-Source - /rules/transform/request-header-modification/create-dashboard/-Source - /rules/transform/response-header-modification/create-dashboard/-Source - /rules/transform/url-rewrite/create-dashboard/-Source - /rules/url-forwarding/bulk-redirects/create-api/-Source - /rules/url-forwarding/bulk-redirects/create-dashboard/-Source - /rules/url-forwarding/examples/redirect-all-country/-Source - /rules/url-forwarding/single-redirects/create-dashboard/-Source - /sandbox/coding-agents/claude-code/-Source - /sandbox/coding-agents/codex/-Source - /sandbox/coding-agents/cursor/-Source - /sandbox/coding-agents/devin/-Source - /sandbox/coding-agents/openai-agents-api/-Source - /sandbox/coding-agents/opencode/-Source - /sandbox/coding-agents/pi/-Source - /sandbox/commands/open-a-terminal-in-the-browser/-Source - /sandbox/commands/run-a-server-in-the-background/-Source - /sandbox/commands/run-background-processes/-Source - /sandbox/commands/run-python-code/-Source - /sandbox/commands/run-tests-from-a-git-repository/-Source - /sandbox/commands/stream-command-output/-Source - /sandbox/files/back-up-a-directory-to-r2/-Source - /sandbox/files/manage-files/-Source - /sandbox/files/mount-an-r2-bucket/-Source - /sandbox/files/save-a-sandbox-automatically/-Source - /sandbox/files/save-and-restore-a-workspace/-Source - /sandbox/get-started/build-a-coding-agent-runner/-Source - /sandbox/get-started/build-an-ai-code-interpreter/-Source - /sandbox/get-started/dynamic-workers/-Source - /sandbox/get-started/-Source - /sandbox/manage/list-sandboxes/-Source - /sandbox/manage/run-code-when-a-sandbox-stops/-Source - /sandbox/network/call-an-authenticated-api/-Source - /sandbox/network/clone-a-private-repository/-Source - /sandbox/previews/-Source - /sandbox/previews/serve-previews-on-their-own-hostnames/-Source - /sandbox/sdk/migrate/background-processes/-Source - /sandbox/sdk/migrate/backups/-Source - /sandbox/sdk/migrate/bucket-mounts/-Source - /sandbox/sdk/migrate/code-interpreter/-Source - /sandbox/sdk/migrate/move-side-by-side/-Source - /sandbox/sdk/migrate/other-features/-Source - /sandbox/sdk/migrate/outbound-traffic/-Source - /sandbox/sdk/migrate/plan-the-move/-Source - /sandbox/sdk/migrate/preview-urls/-Source - /sandbox/sdk/migrate/replace-the-sandbox-class/-Source - /sandbox/sdk/migrate/terminals/-Source - /sandbox/sdk/migrate/tunnels/-Source - /security/web-assets/define-security-protections/-Source - /security/web-assets/label-operations/-Source - /security/web-assets/manage-operations/-Source - /ssl/origin-configuration/automatic-key-exchange/-Source - /style-guide/build-the-page/frontmatter/sidebar/-Source - /tunnel/get-started/quick-tunnels/-Source - /tunnel/troubleshooting/https-origins/-Source - /turnstile/additional-configuration/hostname-management/-Source - /turnstile/extensions/google-firebase/-Source - /turnstile/get-started/client-side-rendering/widget-configurations/-Source - /turnstile/migration/hcaptcha/-Source - /turnstile/migration/recaptcha/-Source - /turnstile/spin/-Source - /turnstile/troubleshooting/rotate-secret-key/-Source - /turnstile/tutorials/integrating-turnstile-waf-and-bot-management/-Source - /turnstile/tutorials/login-pages/-Source - /use-cases/solutions/discover-secure-api-endpoints/-Source - /use-cases/solutions/encrypt-all-keep-site-secure/-Source - /use-cases/solutions/protect-sensitive-forms-fraud-abuse/-Source - /use-cases/solutions/stop-account-takeover-attacks/-Source - /use-cases/solutions/stop-malicious-bots/-Source - /waf/account/custom-rulesets/create-dashboard/-Source - /waf/account/managed-rulesets/deploy-dashboard/-Source - /waf/account/rate-limiting-rulesets/create-dashboard/-Source - /waf/analytics/security-analytics/-Source - /waf/analytics/security-events/-Source - /waf/custom-rules/create-dashboard/-Source - /waf/custom-rules/skip/-Source - /waf/custom-rules/use-cases/allow-traffic-from-ips-in-allowlist/-Source - /waf/detections/ai-security-for-apps/get-started/-Source - /waf/detections/ai-security-for-apps/log-mode-vs-production-mode/-Source - /waf/detections/ai-security-for-apps/unsafe-topics/-Source - /waf/detections/application-profiles/analyze-profile-detections/-Source - /waf/detections/application-profiles/get-started/-Source - /waf/detections/attack-signature-detection/analyze-attack-signatures/-Source - /waf/detections/attack-signature-detection/use-attack-signatures-in-security-rules/-Source - /waf/detections/-Source - /waf/detections/leaked-credentials/get-started/-Source - /waf/detections/malicious-uploads/get-started/-Source - /waf/detections/threat-intelligence/get-started/-Source - /waf/feature-interoperability/-Source - /waf/get-started/-Source - /waf/managed-rules/check-for-exposed-credentials/upgrade-to-leaked-credentials-detection/-Source - /waf/managed-rules/deploy-zone-dashboard/-Source - /waf/managed-rules/payload-logging/command-line/decrypt-payload/-Source - /waf/managed-rules/payload-logging/command-line/generate-key-pair/-Source - /waf/managed-rules/payload-logging/configure/-Source - /waf/managed-rules/payload-logging/view/-Source - /waf/managed-rules/reference/cloudflare-managed-ruleset/-Source - /waf/managed-rules/reference/owasp-core-ruleset/configure-dashboard/-Source - /waf/managed-rules/reference/sensitive-data-detection/-Source - /waf/managed-rules/waf-exceptions/define-dashboard/-Source - /waf/rate-limiting-rules/create-zone-dashboard/-Source - /waf/rate-limiting-rules/find-rate-limit/-Source - /waf/tools/browser-integrity-check/-Source - /waf/tools/ip-access-rules/create/-Source - /waf/tools/lists/create-dashboard/-Source - /waf/tools/lists/use-in-expressions/-Source - /waf/tools/replace-insecure-js-libraries/-Source - /waf/tools/scrape-shield/email-address-obfuscation/-Source - /waf/tools/scrape-shield/hotlink-protection/-Source - /waf/tools/user-agent-blocking/-Source - /waf/tools/zone-lockdown/-Source - /web-search/how-to-use/-Source - /workers-vpc/get-started/-Source - /workers/ci-cd/builds/build-branches/-Source - /workers/ci-cd/builds/git-integration/artifacts-integration/-Source - /workers/ci-cd/builds/git-integration/-Source - /workers/configuration/cloudflare-access/-Source - /workers/configuration/routing/custom-domains/-Source - /workers/configuration/routing/routes/-Source - /workers/examples/103-early-hints/-Source - /workers/framework-guides/web-apps/astro/-Source - /workers/framework-guides/web-apps/more-web-frameworks/docusaurus/-Source - /workers/framework-guides/web-apps/more-web-frameworks/hono/-Source - /workers/framework-guides/web-apps/nextjs/-Source - /workers/framework-guides/web-apps/opennext/-Source - /workers/framework-guides/web-apps/react-router/-Source - /workers/framework-guides/web-apps/react/-Source - /workers/framework-guides/web-apps/redwoodsdk/-Source - /workers/framework-guides/web-apps/tanstack-start/-Source - /workers/framework-guides/web-apps/vike/-Source - /workers/languages/python/packages/django/-Source - /workers/languages/python/packages/fastapi/-Source - /workers/languages/python/packages/flask/-Source - /workers/local-development/environment-variables/-Source - /workers/local-development/-Source - /workers/local-development/local-explorer/-Source - /workers/observability/issues/automations/-Source - /workers/observability/issues/-Source - /workers/observability/metrics-and-analytics/-Source - /workers/observability/query-builder/-Source - /workers/platform/claim-deployments/-Source - /workers/previews/configuration/-Source - /workers/previews/custom-domains/-Source - /workers/static-assets/migration-guides/migrate-from-pages/-Source - /workers/wrangler/environments/-Source - /workers/wrangler/profiles/-Source - /workflows/get-started/durable-agents/-Source - /workflows/get-started/guide/-Source **Partials** - src/content/partials/api-shield/mtls-create-rule.mdx - src/content/partials/api-shield/sequence-custom-rules.mdx - src/content/partials/api-shield/set-up-session-identifiers.mdx - src/content/partials/bots/enable-bfm.mdx - src/content/partials/bots/enable-sbfm.mdx - src/content/partials/bots/latest-ml-model-enable.mdx - src/content/partials/client-side-security/alerts-configure.mdx - src/content/partials/client-side-security/rule-create.mdx - src/content/partials/cloudflare-challenges/javascript-detections-enable.mdx - src/content/partials/cloudflare-one/mesh/pages/get-started.mdx - src/content/partials/cloudflare-one/mesh/pages/guides/connect-client-devices.mdx - src/content/partials/cloudflare-one/mesh/pages/guides/run-mesh-in-containers.mdx - src/content/partials/d1/generate-d1-api-token.mdx - src/content/partials/ddos-protection/create-notification.mdx - src/content/partials/ddos-protection/managed-rulesets/create-override.mdx - src/content/partials/ddos-protection/managed-rulesets/delete-override.mdx - src/content/partials/hyperdrive/create-hyperdrive-config.mdx - src/content/partials/r2/create-bucket-steps.mdx - src/content/partials/r2/generate-s3-api-token-steps.mdx - src/content/partials/realtime/realtimekit/web/disable-all-participants-video-steps.mdx - src/content/partials/realtime/realtimekit/web/disable-participant-video-steps.mdx - src/content/partials/realtime/realtimekit/web/mute-all-participants-steps.mdx - src/content/partials/realtime/realtimekit/web/mute-participant-steps.mdx - src/content/partials/realtime/realtimekit/web/pin-participant-steps.mdx - src/content/partials/realtime/realtimekit/web/remove-all-participants-steps.mdx - src/content/partials/realtime/realtimekit/web/remove-participant-steps.mdx - src/content/partials/realtime/realtimekit/web/unpin-participant-steps.mdx - src/content/partials/turnstile/create-widget-dashboard.mdx - src/content/partials/waf/create-rate-limiting-rule.mdx - src/content/partials/waf/dash-configure-all-rules.mdx - src/content/partials/waf/dash-deploy-managed-ruleset-zone.mdx - src/content/partials/waf/leaked-credentials-detection-enable.mdx - src/content/partials/waf/managed-rules-browse-account.mdx - src/content/partials/waf/managed-rules-browse-zone-new-nav-cloudflare-managed.mdx - src/content/partials/waf/managed-rules-browse-zone-new-nav-owasp.mdx - src/content/partials/waf/managed-rules-browse-zone-new-nav.mdx - src/content/partials/waf/managed-rules-browse-zone-sdd-new-nav.mdx - src/content/partials/waf/managed-rules-browse-zone-sdd.mdx - src/content/partials/waf/managed-ruleset-configure-individual-rules.mdx - src/content/partials/waf/managed-ruleset-configure-rules-by-tag.mdx - src/content/partials/workers-vpc/create-tunnel-steps.mdx

```mdx import { Steps } from "~/components" 1. Import the `Steps` components 2. Wrap your numbered list in the `Steps` components 3. Done! ``` Was this helpful? YesNo ## On this page [![](https://developers.cloudflare.com/_astro/logo.te5VL_aD.svg)Docs](https://developers.cloudflare.com/) ```json {"@context":"https://schema.org","@type":"TechArticle","@id":"https://developers.cloudflare.com/style-guide/build-the-page/components/steps/#page","headline":"Steps","description":"Display numbered step-by-step instructions.","url":"https://developers.cloudflare.com/style-guide/build-the-page/components/steps/","inLanguage":"en","image":"https://developers.cloudflare.com/style-guide/build-the-page/components/steps/og.png?v=53173782bb4f6297","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/"}} ```