Examples
A short hero with a headline, a line of copy and a call to action.
Ship faster with Acme Cloud
Deploy, monitor and bill from one dashboard, from first prototype to production.
ContentClass styles the inner hero-content; flex-col md:flex-row puts the figure beside the text on wider screens.
Customer of the month
Northwind Traders cut deploy times by 60% after moving to Acme Cloud.
BackgroundImage sets the image as the hero's background and adds a hero-overlay above it for legible text.
Acme Cloud regions
Run close to your customers in 14 regions.
API
<Hero>
DaisyBlazorParameters
- BackgroundImage string= null
URL of a background image. When provided a semi-transparent hero-overlay layer is added and the image is applied as an inline background-image style on the root element.
- ContentClass string= null
Extra CSS classes forwarded to the inner hero-content wrapper.
- MinHeight string= "min-h-screen"
Tailwind min-height utility applied to the root element. Defaults to "min-h-screen". Pass e.g. "min-h-96" for a shorter hero, or null/empty for no minimum height.
- Class string= null
Extra CSS classes merged onto the .hero root element.
- Style string= null
Inline CSS styles appended after the background-image style on the root element.
Content
- ChildContent RenderFragment
Content rendered inside hero-content.