leptos-bulma 0.6.0

A Leptos component library based on Bulma CSS framework.
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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89

use std::hash::Hash;

use leptos::*;

#[component]
pub fn BTable(#[prop(optional, into)] class: TextProp, children: Children) -> impl IntoView {
    view! { <table class=format!("table {}", class.get())>{children()}</table> }
}

#[component]
pub fn BTbody<IF, I, T, EF, N, KF, K>(
    #[prop(optional, into)] class: TextProp,
    each_row: IF,
    key: KF,
    children: EF,
) -> impl IntoView
where
    IF: Fn() -> I + 'static,
    I: IntoIterator<Item = T>,
    EF: Fn(T) -> N + 'static,
    N: IntoView + 'static,
    KF: Fn(&T) -> K + 'static,
    K: Eq + Hash + 'static,
    T: 'static,
{
    view! {
        <tbody class=class>
            <For each=each_row key=key let:data>
                <tr>{children(data)}</tr>
            </For>
        </tbody>
    }
}

#[component]
pub fn BTfoot<IF, I, T, EF, N, KF, K>(
    #[prop(optional, into)] class: TextProp,
    each_cell: IF,
    key: KF,
    children: EF,
) -> impl IntoView
where
    IF: Fn() -> I + 'static,
    I: IntoIterator<Item = T>,
    EF: Fn(T) -> N + 'static,
    N: IntoView + 'static,
    KF: Fn(&T) -> K + 'static,
    K: Eq + Hash + 'static,
    T: 'static,
{
    view! {
        <tfoot class=class>
            <tr>
                <For each=each_cell key=key let:data>

                    <th>{children(data)}</th>
                </For>
            </tr>
        </tfoot>
    }
}

#[component]
pub fn BThead<IF, I, T, EF, N, KF, K>(
    #[prop(optional, into)] class: TextProp,
    each_cell: IF,
    key: KF,
    children: EF,
) -> impl IntoView
where
    IF: Fn() -> I + 'static,
    I: IntoIterator<Item = T>,
    EF: Fn(T) -> N + 'static,
    N: IntoView + 'static,
    KF: Fn(&T) -> K + 'static,
    K: Eq + Hash + 'static,
    T: 'static,
{
    view! {
        <thead class=class>
            <tr>
                <For each=each_cell key=key let:data>

                    <th>{children(data)}</th>
                </For>
            </tr>
        </thead>
    }
}