SDF Docs Hero
Centered docs hero with eyebrow, title, a pill search bar, and popular quicklinks.
Documentation · v3.2
Build with SDF. Find what you need fast.
Search the docs… components, recipes, APIs⌘ K
The full source is for members
Sign in and choose a plan to view and copy BaselumenDocsHero.tsx. The live preview above is free to explore.
How to use. Copy BaselumenDocsHero.tsx into your project (it's self-contained — the styles ship with it and dedupe across instances in React 19). Theme it by setting --sdf-* tokens on any ancestor. No dependencies, no build step.
