Components / Dot

Dot

Small round mark of state, such as not saved.

Example

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

use ravenrs::prelude::*;

fn dot() -> impl View {
    HStack::new((
        Dot::new().tone(Tone::Warning).label("Not saved"),
        Text::new("Not saved").style(TextStyle::Callout),
        Dot::new().tone(Tone::Success).size(10.0).label("Online"),
        Text::new("Online").style(TextStyle::Callout),
    ))
    .spacing(8.0)
    .align(Align::Center)
}

Open in the playground, with every example →

Full API of Dot →