Status

DaisyUI

Status is a small icon to visually show the current status of an element.

Sizes

From extra small to extra large.

Colors

Different semantic colors.

Ping Animation

Use animate-ping for attention.

Server is down

Bounce Animation

Use animate-bounce for notifications.

Unread messages

Code Example

use rsxui::components::{Status, Color, Size};

use rsx_macros::rsx;

let html = rsx! {

    <Status color={Color::Success} size={Size::Md} aria_label="Online" />

};

// With animation

let html = rsx! {

    <Status color={Color::Error} animate="ping" />

};

RsxUI

DaisyUI Components for Rust

Created by Isak Rickyanto@2026