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

use crate::Label;
use leptos::prelude::*;

// ponytail: Form = <form> wrapper with prevent_default + optional submit callback.
// State/validation lives in caller signals; Form does not own it.

#[component]
pub fn Form(
    #[prop(optional)] on_submit: Option<Callback<()>>,
    #[prop(default = String::new())] class: String,
    children: Children,
) -> impl IntoView {
    let combined = format!("space-y-6 {}", class);
    let handle = move |e: leptos::ev::SubmitEvent| {
        e.prevent_default();
        if let Some(cb) = on_submit {
            cb.run(());
        }
    };
    view! {
        <form class=combined on:submit=handle>
            {children()}
        </form>
    }
}

// shadcn-style sub-pieces for manual composition
#[component]
pub fn FormItem(children: Children) -> impl IntoView {
    view! { <div class="space-y-1.5">{children()}</div> }
}

#[component]
pub fn FormLabel(
    #[prop(optional, into)] for_id: Option<String>,
    children: Children,
) -> impl IntoView {
    view! { <Label for_id=for_id.unwrap_or_default()>{children()}</Label> }
}

#[component]
pub fn FormDescription(children: Children) -> impl IntoView {
    view! { <p class="text-xs text-muted-foreground">{children()}</p> }
}

#[component]
pub fn FormMessage(children: Children) -> impl IntoView {
    view! { <p class="text-sm text-destructive">{children()}</p> }
}