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
use yew::prelude::*;
#[derive(Clone, Debug, Properties, PartialEq)]
pub struct CheckboxProps {
pub name: String,
pub checked: bool,
pub update: Callback<bool>,
#[prop_or_default]
pub children: Children,
#[prop_or_default]
pub classes: Classes,
#[prop_or_default]
pub disabled: bool,
}
#[function_component(Checkbox)]
pub fn checkbox(props: &CheckboxProps) -> Html {
let class = classes!("checkbox", props.classes.clone());
let checked = props.checked;
html! {
<label {class} disabled={props.disabled}>
<input
type="checkbox"
checked={props.checked}
name={props.name.clone()}
onclick={props.update.reform(move |_| !checked)}
disabled={props.disabled}
/>
{props.children.clone()}
</label>
}
}