atproto blogging
nonbinary.computer
1use dioxus::prelude::*;
2use dioxus_primitives::checkbox::{self, CheckboxProps};
3
4#[component]
5pub fn Checkbox(props: CheckboxProps) -> Element {
6 rsx! {
7 document::Link { rel: "stylesheet", href: asset!("./style.css") }
8 checkbox::Checkbox {
9 class: "checkbox",
10 checked: props.checked,
11 default_checked: props.default_checked,
12 required: props.required,
13 disabled: props.disabled,
14 name: props.name,
15 value: props.value,
16 on_checked_change: props.on_checked_change,
17 attributes: props.attributes,
18 checkbox::CheckboxIndicator { class: "checkbox-indicator",
19 svg {
20 class: "checkbox-check-icon",
21 view_box: "0 0 24 24",
22 xmlns: "http://www.w3.org/2000/svg",
23 path { d: "M5 13l4 4L19 7" }
24 }
25 }
26 }
27 }
28}