Components / Ticker
Ticker
A strip of content that keeps moving sideways, still under reduced motion.
Example
The component itself, running in WebAssembly, beside its code in a playground. Try it.
Code
use ravenrs::prelude::*;
fn ticker() -> impl View {
let chips = HStack::new((
Badge::new("Button").tone(Tone::Accent),
Badge::new("DataGrid"),
Badge::new("Scheduler").tone(Tone::Success),
Badge::new("Ribbon"),
Badge::new("Chart").tone(Tone::Warning),
Badge::new("CommandPalette"),
))
.spacing(12.0);
VStack::new((Ticker::new(chips).speed(40.0).gap(12.0),)).padding(8.0)
}