orbital-base-components 0.1.1

Headless base primitives for Orbital — structure, semantics, and accessibility
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

use leptos::{ev, prelude::*};

use crate::Handler;

/// Headless floating action button — semantics and fixed positioning only.
#[component]
pub fn BaseFloatingButton(
    #[prop(optional, into)] class: MaybeProp<String>,
    #[prop(optional, into)] style: MaybeProp<String>,
    #[prop(optional, into)] aria_label: MaybeProp<String>,
    #[prop(default = false.into(), into)] disabled: Signal<bool>,
    #[prop(optional)] on_click: Option<Handler<ev::MouseEvent>>,
    #[prop(optional, into)] testid: MaybeProp<String>,
    children: Children,
) -> impl IntoView {
    let on_click = move |event: ev::MouseEvent| {
        if disabled.get_untracked() {
            return;
        }
        if let Some(on_click) = on_click.as_ref() {
            on_click.run(event);
        }
    };

    view! {
        <button
            type="button"
            class=class
            style=style
            aria-label=move || aria_label.get()
            disabled=move || disabled.get().then_some("")
            data-testid=move || testid.get()
            on:click=on_click
        >
            {children()}
        </button>
    }
}