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
36
37
38
39

use crate::components::{
    NavItem,
    button::ButtonIcon,
    sidebar::{NavItemList, NavLink},
};
use leptos::prelude::*;

#[component]
pub fn AdminNavHeader() -> impl IntoView {
    let nav_items = vec![
        NavItem::Link(NavLink {
            name: "Dashboard".to_string(),
            icon: ButtonIcon::Icon(phosphor_leptos::CHART_LINE_UP),
            icon_hover: None,
            url: "/admin".to_string(),
        }),
        NavItem::Link(NavLink {
            name: "Orders".to_string(),
            icon: ButtonIcon::Icon(phosphor_leptos::PACKAGE),
            icon_hover: None,
            url: "/admin/orders".to_string(),
        }),
        NavItem::Link(NavLink {
            name: "Paint".to_string(),
            icon: ButtonIcon::Icon(phosphor_leptos::PAINT_BUCKET),
            icon_hover: None,
            url: "/admin/paint".to_string(),
        }),
    ];

    view! {
        <nav class="flex flex-row gap-1 mb-1 border-b border-neutral-300 dark:border-neutral-700 items-center">
            // <Heading class="hidden lg:block">"Admin Dashboard"</Heading>
            // <div class="hidden lg:flex-1" />
            <NavItemList links=nav_items />
        </nav>
    }
    .into_any()
}