nes-yew 0.0.2

Yew component library for NES.css
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54

use std::borrow::Cow;
use yew::prelude::*;

#[derive(Properties, PartialEq)]
pub struct RadiosProps {
    pub options: Vec<RadioOption>,
    pub selected_value: AttrValue,
    pub on_value_change: Callback<AttrValue>,
    pub class: Option<Cow<'static, str>>,
    pub style: Option<AttrValue>,
}

#[derive(Properties, Clone, PartialEq)]
pub struct RadioOption {
    pub value: AttrValue,
    pub label: AttrValue,
}

#[function_component(Radios)]
pub fn radios(
    RadiosProps {
        options,
        selected_value,
        on_value_change,
        class,
        style,
    }: &RadiosProps,
) -> Html {
    options
        .iter()
        .cloned()
        .map(|option| {
            let on_value_change = on_value_change.clone();
            let class = class.clone();
            let value = option.value.clone();
            html! {
                <label
                    class="nes-radio-group"
                    onclick={Callback::from(move |_| on_value_change.emit(value.clone()))}
                >
                    <input
                        type="radio"
                        class={classes!("nes-radio", class)}
                        style={style.clone()}
                        value={option.value.clone()}
                        checked={option.value == *selected_value}
                        onchange={Callback::from(|_| {})}
                    />
                    <span>{ option.label.clone() }</span>
                </label>
            }
        })
        .collect()
}