Badge

A small status label with 4 visual variants. Use for tags, statuses, and counts.

Non-interactive

Default Secondary Outline Destructive

badge.rs

use stratum_leptos::*;

view! {
    <Badge>"Default"</Badge>
    <Badge variant=BadgeVariant::Secondary>"Secondary"</Badge>
    <Badge variant=BadgeVariant::Outline>"Outline"</Badge>
    <Badge variant=BadgeVariant::Destructive>"Destructive"</Badge>
}

Installation

stratum add badge

Props

Prop	Type	Default	Description
variant	BadgeVariant	Default	Visual style: Default, Secondary, Outline, Destructive
class	Option<String>	None	Additional CSS classes

Source

Styled: badge.rs