soma-ui 0.1.0

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

use leptos::prelude::*;

// ponytail: pure CSS hover — group/group-hover only. Zero JS, zero signals.

#[component]
pub fn Tooltip(children: Children) -> impl IntoView {
    view! {
        <div class="group relative inline-block">
            {children()}
        </div>
    }
}

#[component]
pub fn TooltipTrigger(children: Children) -> impl IntoView {
    view! {
        <>{children()}</>
    }
}

#[component]
pub fn TooltipContent(children: Children) -> impl IntoView {
    view! {
        <div class="absolute z-50 bottom-full mb-2 left-1/2 -translate-x-1/2 whitespace-nowrap rounded-md bg-card px-2 py-1 text-xs text-foreground shadow-elev opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 pointer-events-none transition">
            {children()}
        </div>
    }
}