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

use leptos::prelude::*;

use super::types::{AppBarDensity, AppBarPosition};

/// Headless application header — semantic shell chrome without theme styling.
#[component]
pub fn BaseAppBar(
    #[prop(optional, into)] class: MaybeProp<String>,
    #[prop(default = AppBarPosition::Static)] position: AppBarPosition,
    #[prop(default = AppBarDensity::Standard)] density: AppBarDensity,
    children: Children,
) -> impl IntoView {
    let root_class = Memo::new(move |_| {
        let extra = class.get().unwrap_or_default();
        let mut parts = vec![
            "orbital-app-bar".to_string(),
            position.modifier_class().to_string(),
            density.modifier_class().to_string(),
        ];
        if !extra.is_empty() {
            parts.push(extra);
        }
        parts.join(" ")
    });

    view! {
        <header
            class=root_class
            role="banner"
            data-testid="app-bar"
            data-app-bar-position=position.as_data()
            data-app-bar-density=density.as_data()
        >
            {children()}
        </header>
    }
}