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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58

use leptos::prelude::*;

#[component]
pub fn Card(#[prop(default = String::new())] class: String, children: Children) -> impl IntoView {
    let combined = format!(
        "bg-card border border-border rounded-md text-card-foreground shadow-elev-sm {}",
        class
    );
    view! { <div class=combined>{children()}</div> }
}

#[component]
pub fn CardHeader(
    #[prop(default = String::new())] class: String,
    children: Children,
) -> impl IntoView {
    let combined = format!("flex flex-col space-y-1.5 p-6 {}", class);
    view! { <div class=combined>{children()}</div> }
}

#[component]
pub fn CardTitle(
    #[prop(default = String::new())] class: String,
    children: Children,
) -> impl IntoView {
    let combined = format!(
        "font-heading text-2xl font-semibold leading-none tracking-tight {}",
        class
    );
    view! { <h3 class=combined>{children()}</h3> }
}

#[component]
pub fn CardDescription(
    #[prop(default = String::new())] class: String,
    children: Children,
) -> impl IntoView {
    let combined = format!("text-sm text-muted-foreground {}", class);
    view! { <p class=combined>{children()}</p> }
}

#[component]
pub fn CardContent(
    #[prop(default = String::new())] class: String,
    children: Children,
) -> impl IntoView {
    let combined = format!("p-6 pt-0 {}", class);
    view! { <div class=combined>{children()}</div> }
}

#[component]
pub fn CardFooter(
    #[prop(default = String::new())] class: String,
    children: Children,
) -> impl IntoView {
    let combined = format!("flex items-center p-6 pt-0 {}", class);
    view! { <div class=combined>{children()}</div> }
}