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

use leptos::*;

#[component]
pub fn BTitle(
    children: Children,
    #[prop(optional, into)] class: TextProp,
    #[prop(optional, into)] id: Option<TextProp>,
    #[prop(optional)] is: Option<i8>,
) -> impl IntoView {
    let title_class = move || {
        let mut t_class = format!("title {}", class.get());

        if let Some(is) = is {
            t_class += &format!(" is-{}", is);
        }

        t_class
    };

    view! {
        <div class=title_class id=id>
            {children()}
        </div>
    }
}

#[component]
pub fn BSubtitle(
    children: Children,
    #[prop(optional, into)] class: TextProp,
    #[prop(optional)] is: Option<i8>,
) -> impl IntoView {
    let subtitle_class = move || {
        let mut s_class = format!("subtitle {}", class.get());

        if let Some(is) = is {
            s_class += &format!(" is-{}", is);
        }

        s_class
    };

    view! { <div class=subtitle_class>{children()}</div> }
}