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: Field = label + control + description + error in a vertical stack.
// Manual composition via FieldLabel/FieldDescription/FieldError is the upgrade path
// when callers need non-standard layouts.

#[component]
pub fn Field(
    #[prop(into)] label: String,
    #[prop(optional, into)] description: Option<String>,
    #[prop(optional, into)] error: Option<Signal<Option<String>>>,
    #[prop(optional)] for_id: Option<String>,
    children: Children,
) -> impl IntoView {
    view! {
        <div class="space-y-1.5">
            <Label for_id=for_id.unwrap_or_default()>{label}</Label>
            {children()}
            {description.map(|d| view! {
                <p class="text-xs text-muted-foreground">{d}</p>
            })}
            {error.map(|e| view! {
                <Show when=move || e.get().is_some()>
                    <p class="text-sm text-destructive">{move || e.get().unwrap_or_default()}</p>
                </Show>
            })}
        </div>
    }
}

// Thin wrappers for manual composition
#[component]
pub fn FieldLabel(
    #[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 FieldDescription(children: Children) -> impl IntoView {
    view! { <p class="text-xs text-muted-foreground">{children()}</p> }
}

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