soma-ui 0.1.1

A Leptos 0.8 component library: 160+ accessible UI components, blocks, charts, and a ChartDB-style schema diagram — with a prebuilt stylesheet.
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::*;

#[derive(Debug, Clone, PartialEq, Default)]
pub enum BadgeVariant {
    #[default]
    Default,
    Secondary,
    Destructive,
    Outline,
    Success,
}

#[component]
pub fn Badge(
    #[prop(default = BadgeVariant::Default)] variant: BadgeVariant,
    #[prop(default = String::new())] class: String,
    children: Children,
) -> impl IntoView {
    let variant_class = match variant {
        BadgeVariant::Default => {
            "bg-primary text-primary-foreground border-transparent shadow-elev-sm"
        }
        BadgeVariant::Secondary => {
            "bg-secondary text-secondary-foreground border-transparent shadow-elev-sm"
        }
        BadgeVariant::Destructive => {
            "bg-destructive text-destructive-foreground border-transparent shadow-elev-sm"
        }
        BadgeVariant::Outline => "text-foreground border border-border",
        BadgeVariant::Success => {
            "bg-success text-success-foreground border-transparent shadow-elev-sm"
        }
    };

    let combined = format!(
        "inline-flex items-center whitespace-nowrap rounded border px-2.5 py-0.5 text-xs font-semibold transition-colors {} {}",
        variant_class, class
    );

    view! {
        <span class=combined>{children()}</span>
    }
}