Hero

DaisyUI

Hero is a component for displaying a large box or image with a title and description.

Basic Hero

Hello there

Provident cupiditate voluptatem et in. Quaerat fugiat ut assumenda excepturi exercitationem quasi.

Hero with Background Image

Use hero-overlay for a tinted overlay.

Provident cupiditate voluptatem et in.

Hero with Side Content

Image and text side by side.

Spider-Man is a superhero appearing in American comic books published by Marvel Comics.

Code Example

use rsxui::components::{Hero, HeroContent};

use rsx_macros::rsx;

let html = rsx! {

    <Hero class="bg-base-200 min-h-[300px]">

        <HeroContent class="text-center">

            <h1 class="text-5xl font-bold">"Hello"</h1>

            <p>"Welcome to our site."</p>

            <button class="btn btn-primary">"Get Started"</button>

        </HeroContent>

    </Hero>

};

RsxUI

DaisyUI Components for Rust

Created by Isak Rickyanto@2026