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

use crate::components::shared::CONTROL_MOTION;
use leptos::prelude::*;

/// Wraps an `Input` (and optional addons) with a shared border and focus ring.
#[component]
pub fn InputGroup(children: Children) -> impl IntoView {
    let combined = format!(
        "flex items-center rounded-md border border-input bg-background shadow-elev-sm hover:border-ring/60 focus-within:ring-2 focus-within:ring-ring overflow-hidden {}",
        CONTROL_MOTION
    );
    view! {
        <div class=combined>
            {children()}
        </div>
    }
}

/// A non-interactive prefix or suffix label inside an `InputGroup`.
#[component]
pub fn InputGroupAddon(children: Children) -> impl IntoView {
    view! {
        <div class="flex items-center px-3 text-sm text-muted-foreground bg-muted border-e border-input shrink-0">
            {children()}
        </div>
    }
}