Badge

DaisyUI

Badges are used to highlight an item's status for quick recognition.

Colors

DefaultPrimarySecondaryAccentInfoSuccessWarningError

Sizes

Extra SmallSmallMediumLargeExtra Large

Styles

DefaultOutlineDashSoftGhost

Code Example

use rsxui::components::{Badge, Color, BadgeStyle};

use rsx_macros::rsx;

let html = rsx! {

    <Badge text="NEW" color=Color::Success />

    <Badge text="Outline" style=BadgeStyle::Outline />

};

RsxUI

DaisyUI Components for Rust

Created by Isak Rickyanto@2026