thaw/demo_markdown/docs/input_number/mod.md
Yota 69ddf6b02f feat: Add min/max props into InputNumber (#153)
* feat: Add min/max props into InputNumber

Adding range into InputNumber component with min/max props

* refactor: InputNumber component

* docs: Add Min / Max section into InputNumber

* docs: Improvement InputNumber

- Change min/max insertion position.
- Change the crate that is added to T impl for conciseness.
- Uniformity of expression: maximum for minimum.
2024-04-05 23:51:03 +08:00

1.9 KiB

Input Number

let value = create_rw_signal(0);
let value_f64 = create_rw_signal(0.0);

view! {
    <Space vertical=true>
        <InputNumber value step=1/>
        <InputNumber value=value_f64 step=1.0/>
    </Space>
}

Min / Max

let value = create_rw_signal(0);

view! {
    <InputNumber value step=1 min=-1 max=2/>
}

Disabled

let value = create_rw_signal(0);

view! {
    <InputNumber value step=1 disabled=true/>
}

Invalid

let value = create_rw_signal(0);

view! {
    <InputNumber value step=1 invalid=true/>
}

InputNumber Props

Name Type Default Description
class OptionalProp<MaybeSignal<String>> Default::default() Addtional classes for the input element.
value Model<T> T::default() Set the input value.
placeholder OptionalProp<MaybeSignal<String>> Default::default() Placeholder of input number.
step MaybeSignal<T> The number which the current value is increased or decreased on key or button press.
min MaybeSignal<T> T::min_value() The minimum number that the input value can take.
max MaybeSignal<T> T::max_value() The maximum number that the input value can take.
disabled MaybeSignal<bool> false Whether the input is disabled.
invalid MaybeSignal<bool> false Whether the input is invalid.
attr: Vec<(&'static str, Attribute)> Default::default() The dom attrs of the input element inside the component.

T impl

T: Add<Output = T> + Sub<Output = T> + PartialOrd + num::Bounded + Default + Clone + FromStr + ToString + 'static

InputNumber Ref

Name Type Description
focus Fn(&self) Focus the input element.
blur Fn(&self) Blur the input element.