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

use leptos::prelude::*;

use crate::{BadgeAppearance, BadgeColor, BadgeSize, BaseBadge};

#[component]
pub fn BaseCounterBadge(
    #[prop(optional, into)] class: MaybeProp<String>,
    count: u32,
    #[prop(default = 99)] overflow_count: u32,
    #[prop(optional, into)] appearance: Signal<BadgeAppearance>,
    #[prop(optional, into)] color: Signal<BadgeColor>,
    #[prop(optional, into)] size: Signal<BadgeSize>,
    #[prop(optional)] children: Option<Children>,
) -> impl IntoView {
    let display = move || {
        if count > overflow_count {
            format!("{overflow_count}+")
        } else {
            count.to_string()
        }
    };

    view! {
        <span
            class=move || {
                let mut parts = vec!["orbital-counter-badge".to_string()];
                if let Some(extra) = class.get() {
                    if !extra.is_empty() {
                        parts.push(extra);
                    }
                }
                parts.join(" ")
            }
        >
            {children.map(|c| c())}
            <span class="orbital-counter-badge__pill">
                <BaseBadge appearance=appearance color=color size=size>
                    {display}
                </BaseBadge>
            </span>
        </span>
    }
}