Components / CardView
CardView
Records as cards, only those in sight are built.
Example
The component itself, running in WebAssembly, beside its code in a playground. Try it.
Code
use ravenrs::prelude::*;
fn card_view() -> impl View {
let selected = State::new(std::collections::BTreeSet::from([1]));
CardView::new(10_000, |i| -> AnyView {
Box::new(
VStack::new((
Text::new(format!("Customer {i}")).font_weight(Weight::SEMIBOLD),
Text::new(format!("R$ {},00", 100 + i * 7)).foreground(Semantic::InkMuted),
))
.spacing(4.0),
)
})
.card_name(|i| format!("Customer {i}"))
.card_width(180.0)
.card_height(84.0)
.selection(selected.binding())
.height(300.0)
}