import { Steps } from "~/components"
<Steps>
1. Import the `Steps` components
2. Wrap your numbered list in the `Steps` components
3. Done!
</Steps>Steps
The Steps component is used 690 times on 331 pages.
See all examples of pages that use Steps
Used 690 times.
Pages
- /agent-setup/bionic/-Source
- /agent-setup/claude-code/-Source
- /agent-setup/codex/-Source
- /agent-setup/cursor/-Source
- /agent-setup/github-copilot/-Source
- /agent-setup/opencode/-Source
- /agent-setup/visual-studio-code/detailed-walkthrough/-Source
- /agent-setup/visual-studio-code/-Source
- /agent-setup/windsurf/-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/spend-limits/-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/pi/-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
- /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/pre-render-pages/-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/concepts/clearance/-Source
- /cloudflare-one/access-controls/ai-controls/mcp-portals/-Source
- /cloudflare-one/access-controls/service-credentials/service-tokens/-Source
- /cloudflare-one/data-loss-prevention/test-scan/-Source
- /cloudflare-one/networks/connectors/granular-permissions/-Source
- /cloudflare-wan/configuration/appliance/configure-virtual-appliance/-Source
- /containers/deploy/-Source
- /containers/platform-details/image-management/-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/examples/email-sending/sync-recipient-records/-Source
- /fundamentals/account/find-account-and-zone-ids/-Source
- /fundamentals/oauth/authorizing-an-application/-Source
- /fundamentals/oauth/create-an-oauth-client/-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
- /kv/get-started/-Source
- /load-balancing/additional-options/cname-flattening/-Source
- /logs/logpush/logpush-job/enable-destinations/pipelines/-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
- /pipelines/getting-started/-Source
- /pipelines/pipelines/manage-pipelines/-Source
- /pipelines/sinks/manage-sinks/-Source
- /pipelines/streams/manage-streams/-Source
- /queues/event-subscriptions/manage-event-subscriptions/-Source
- /queues/examples/list-messages-from-dash/-Source
- /r2-data-catalog/config-examples/trino/-Source
- /r2-data-catalog/get-started/-Source
- /r2-data-catalog/manage-catalogs/-Source
- /r2-sql/get-started/-Source
- /r2-sql/tutorials/end-to-end-pipeline/-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/webhooks/-Source
- /realtime/sfu/datachannels/-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/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/tutorials/devin-outposts/-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
- /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/-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
- /workers-vpc/get-started/-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/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/metrics-and-analytics/-Source
- /workers/observability/query-builder/-Source
- /workers/platform/claim-deployments/-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/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
Was this helpful?