canonrs-server 0.1.0

CanonRS server-side rendering support
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

//! ToggleGroup Island — Canon Rule passthrough
use leptos::prelude::*;
use super::toggle_group_ui::ToggleGroup as ToggleGroupUi;

#[component]
pub fn ToggleGroup(
    children: Children,
    #[prop(default = false)] multiple: bool,
    #[prop(default = false)] disabled: bool,
    #[prop(into, default = String::new())] class: String,
) -> impl IntoView {
    let state = if disabled { "disabled"
} else { "" };
    view! {
        <ToggleGroupUi multiple=multiple class=class attr:data-rs-state=state>
            {children()}
        </ToggleGroupUi>
    }
}

#[component]
pub fn ToggleGroupItem(
    children: Children,
    #[prop(into, default = String::new())] value: String,
    #[prop(default = false)] on: bool,
    #[prop(default = false)] disabled: bool,
) -> impl IntoView {
    let state = if disabled {
        format!("{} disabled", if on { "on" } else { "off" })
    } else {
        if on { "on".into() } else { "off".into() }
    };
    view! {
        <button
            type="button"
            data-rs-toggle=""
            data-rs-component="Toggle"
            data-rs-value=value
            data-rs-state=state
            aria-pressed=if on { "true" } else { "false" }
            role="button"
        >
            {children()}
        </button>
    }
}