zero-ui 0.1.3

zero-ui for use in zero projects
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
50

use leptos::*;

pub struct SidebarTabs<const TLENGTH: usize = 0, const BLENGTH: usize = 0> {
    pub top: Option<[(View, View); TLENGTH]>,
    pub bottom: Option<[(View, View); BLENGTH]>,
}

// impl Into for SidebarTabs<T> {}

#[component]
pub fn Sidebar<T, TIV, B, BIV, M, MIV /*, const TLENGTH: usize, const BLENGTH: usize*/>(
    #[prop(into, optional)] id: Option<String>,
    #[prop(into, optional)] class: Option<String>,
    #[prop(into, optional)] style: Option<String>,
    /*
    #[prop(into, optional, into, default=Some(SidebarTabs{top: None, bottom: None}))] tabs: Option<
        SidebarTabs<TLENGTH, BLENGTH>,
    >,
    */
    top_icons: T,
    bottom_icons: B,
    menu: M,
) -> impl IntoView
where
    T: Fn() -> TIV,
    TIV: IntoView,
    B: Fn() -> BIV,
    BIV: IntoView,
    M: Fn() -> MIV,
    MIV: IntoView,
{
    view! {
        <div
            id=id.unwrap_or("Sidebar".to_string())
            class=class.unwrap_or("flex flex-row zero-divide-x w-64".to_string())
            style=style
        >
            <div id="SidebarIcons" class="flex flex-col min-h-screen overflow-y-auto">
                {top_icons()}
                <div class="grow"></div>
                {bottom_icons()}
            </div>
            <div id="SidebarMenu" class="flex flex-1 flex-col min-h-screen overflow-y-auto">
                {menu()}
            </div>

        </div>
    }
}