Hero
Hero is a component for displaying a large box or image with a title and description.
Installation
npx jsx-daisyui add heroCentered
hero-centered
Hello there
Build something amazing. Ship fast, stay lean, and focus on what matters.
With figure
hero-with-figure
Something new just dropped.
We just launched a feature you've been waiting for. Check it out and let us know what you think.
With form
hero-with-form
Welcome back.
Sign in to your account to continue where you left off.
With overlay image
hero-with-overlay
Hello there
Build something amazing. Ship fast, stay lean, and focus on what matters.
Props
Hero
| Prop | Type | Default | Description |
|---|---|---|---|
backgroundImage | string | - | URL of the background image. |