Components / NumberField

NumberField

A typed number or amount of money, formatted when you leave.

Example

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

Code

use ravenrs::prelude::*;

fn number_field() -> impl View {
    let (seats, price) = (State::new(Some(12.0)), State::new(Some(129_990_i64)));
    VStack::new((
        NumberField::new(seats.binding()).range(0.0, 100.0).spin_buttons().label("Seats"),
        NumberField::money(price.binding(), "R$ ").label("Price"),
    ))
    .spacing(12.0)
    .align(Align::Stretch)
}

Open in the playground, with every example →

Full API of NumberField →