[Editor Demo] Docs Hero
Docs hero preset
Documentation page opener with clear next steps
Use this for setup docs, reference entry points, migration notes, or troubleshooting hubs.
How to use the docs hero preset
Pair the hero with a compact checklist and a next-step button row so readers can orient quickly before diving into detailed content.
Docs next steps
Reference shortcuts
A page application can add one more detail layer beyond the base preset.
Setup
Environment prerequisites.
Migrate
What changes when upgrading.
Troubleshoot
Where to start when the flow drifts.
This page applies the docs-hero preset pattern directly, showing how a reusable docs opener becomes a real help page.