SDF Support Hero
Centered support hero with a status pill, display headline, lede, and a pill-shaped search bar.
All systems operationalView status →
Hi. How can we help?
Search the docs, open a ticket, or chat with the team. We respond to support within 4 business hours.
What do you need help with?
The full source is for members
Sign in and choose a plan to view and copy BaselumenSupportHero.tsx. The live preview above is free to explore.
How to use. Copy BaselumenSupportHero.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.
