Components / Badge
Badge
Small pill for status, counts and categories.
Example
The component itself, running in WebAssembly, beside its code in a playground. Try it.
Code
use ravenrs::prelude::*;
fn badge() -> impl View {
HStack::new((
Badge::new("Neutral"),
Badge::new("New").tone(Tone::Accent),
Badge::new("Paid").tone(Tone::Success).icon(IconName::Check),
Badge::new("Overdue").tone(Tone::Danger),
Badge::new("Draft").outline(),
// ravenrs-lint: allow(raw_color) a tag keeps the color its owner picked for it, in every theme
Badge::new("Family").color(Color::hex(0x8b5cf6)).height(26.0),
))
.spacing(8.0)
.wrap()
}