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
90
91
92
93
94
95
96
97
98
99

use leptos::*;

use crate::enums::BSize;

fn get_icon_class_list(class: Oco<'static, str>, size: BSize, is_scaled: bool) -> String {
    let mut class_list = "icon".to_owned();

    size.add_to_class_list(&mut class_list);

    if is_scaled {
        class_list += " is-scaled";
    }

    if !class.is_empty() {
        class_list += &format!(" {}", class);
    }

    class_list
}

#[cfg(feature = "leptos-icons")]
#[component]
pub fn BIcon(
    #[prop(optional, into)] class: TextProp,
    #[prop(into)] icon: MaybeSignal<icondata_core::Icon>,
    #[prop(default = BSize::Default.into(), into)] size: MaybeSignal<BSize>,
    #[prop(optional, into)] is_scaled: MaybeSignal<bool>,
) -> impl IntoView {
    use leptos_icons::Icon;

    let icon_class_list = move || get_icon_class_list(class.get(), size.get(), is_scaled.get());

    view! {
        <span class=icon_class_list>
            <Icon icon=icon/>
        </span>
    }
}

#[cfg(not(feature = "leptos-icons"))]
#[component]
pub fn BIcon(
    #[prop(optional, into)] class: TextProp,
    #[prop(default = BSize::Default.into(), into)] size: MaybeSignal<BSize>,
    #[prop(optional, into)] is_scaled: MaybeSignal<bool>,
    children: Children,
) -> impl IntoView {
    let icon_class_list = move || get_icon_class_list(class.get(), size.get(), is_scaled.get());

    view! { <span class=icon_class_list>{children()}</span> }
}

#[cfg(feature = "leptos-icons")]
#[component]
pub fn BIconText<F, IV>(
    #[prop(optional, into)] class: TextProp,
    #[prop(optional, into)] icon_class: TextProp,
    #[prop(optional, into)] text_class: TextProp,
    #[prop(into)] icon: MaybeSignal<icondata_core::Icon>,
    #[prop(default = BSize::Default.into(), into)] size: MaybeSignal<BSize>,
    #[prop(optional, into)] is_scaled: MaybeSignal<bool>,
    text: F,
) -> impl IntoView
where
    F: Fn() -> IV,
    IV: IntoView,
{
    view! {
        <span class=move || format!("icon-text {}", class.get())>
            <BIcon class=icon_class size=size is_scaled=is_scaled icon=icon/>
            <span class=text_class>{text()}</span>
        </span>
    }
}

#[cfg(not(feature = "leptos-icons"))]
#[component]
pub fn BIconText<F, IV>(
    #[prop(optional, into)] class: TextProp,
    #[prop(optional, into)] icon_class: TextProp,
    #[prop(optional, into)] text_class: TextProp,
    #[prop(default = BSize::Default.into(), into)] size: MaybeSignal<BSize>,
    #[prop(optional, into)] is_scaled: MaybeSignal<bool>,
    text: F,
    children: Children,
) -> impl IntoView
where
    F: Fn() -> IV,
    IV: IntoView,
{
    view! {
        <span class=move || format!("icon-text {}", class.get())>
            <BIcon size=size is_scaled=is_scaled class=icon_class>
                {children()}
            </BIcon>
            <span class=text_class>{text()}</span>
        </span>
    }
}