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
39
40
41
42
43
44
45
46
47
48
49
50
51

use leptos::prelude::*;

#[derive(Clone, Copy, Debug, Default, PartialEq, Eq)]
pub enum ToolbarSize {
    Small,
    #[default]
    Medium,
    Large,
}

impl ToolbarSize {
    pub fn as_str(&self) -> &'static str {
        match self {
            Self::Small => "small",
            Self::Medium => "medium",
            Self::Large => "large",
        }
    }
}

#[component]
pub fn BaseToolbar(
    #[prop(optional, into)] class: MaybeProp<String>,
    #[prop(optional)] vertical: bool,
    #[prop(optional, into)] size: Signal<ToolbarSize>,
    children: Children,
) -> impl IntoView {
    let orientation = move || if vertical { "vertical" } else { "horizontal" };

    view! {
        <div
            class=move || {
                let mut parts = vec![
                    "orbital-toolbar".to_string(),
                    format!("orbital-toolbar--{}", size.get().as_str()),
                    format!("orbital-toolbar--{}", orientation()),
                ];
                if let Some(extra) = class.get() {
                    if !extra.is_empty() {
                        parts.push(extra);
                    }
                }
                parts.join(" ")
            }
            role="toolbar"
            aria-orientation=orientation
        >
            {children()}
        </div>
    }
}