Components / OverlayBadge

OverlayBadge

A small view on a corner of another.

Example

The component itself, running in WebAssembly, beside its code in a playground. Try it.

Code

use ravenrs::prelude::*;

fn overlay_badge() -> impl View {
    HStack::new((
        OverlayBadge::new(Avatar::new("Ana Lima"), Dot::new().tone(Tone::Success).size(10.0).label("Online"))
            .corner(FloatingCorner::BottomRight)
            .inset(5.0),
        OverlayBadge::new(
            Button::new("Open inbox").style(ButtonStyle::Secondary),
            Badge::new("3").tone(Tone::Danger),
        ),
    ))
    .spacing(32.0)
    .align(Align::Center)
}

Open in the playground, with every example →

Full API of OverlayBadge →