tinkr 0.0.43

Tinkr is a web framework for quickly building full-stack web applications with Leptos.
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

use leptos::prelude::*;

use crate::components::{
    button::{BtnState, BtnVariant},
    Button,
};

#[component]
pub fn TabButton<F>(active: F, children: Children) -> impl IntoView
where
    F: Fn() -> bool + Send + Sync + 'static,
{
    let state = Signal::derive(move || {
        if active() {
            BtnState::TabActive
        } else {
            BtnState::Default
        }
    });

    view! {
        <Button variant=BtnVariant::Tab class="px-4" state=state>
            {children()}
        </Button>
    }
}

#[component]
pub fn TabNavGroup(children: Children) -> impl IntoView {
    view! {
        <div class="border-b border-gray-200 dark:border-gray-700 my-5">
            <nav class="flex justify-left">{children()}</nav>
        </div>
    }
}