Steps

DaisyUI

Steps can be used to show a list of steps in a process.

Basic Steps

With Data Content

Use data-content for custom indicators.

Vertical Steps

Stack steps vertically.

Code Example

use rsxui::components::{Steps, Step, Color, StepDirection};

use rsx_macros::rsx;

let html = rsx! {

    <Steps>

        <Step color=Color::Primary>"Register"</Step>

        <Step color=Color::Primary>"Choose plan"</Step>

        <Step>"Purchase"</Step>

    </Steps>

};

RsxUI

DaisyUI Components for Rust

Created by Isak Rickyanto@2026