yew-bulma 0.0.1

Yew components compatible with the 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

use yew::prelude::*;

pub struct Button {
    props: Props,
    link: ComponentLink<Self>,
}

#[derive(Clone, Properties)]
pub struct Props {
    pub action: Callback<MouseEvent>,
    pub label: String,
    #[prop_or_default]
    pub disabled: bool,
    #[prop_or_default]
    pub processing: bool,
    #[prop_or_default]
    pub css_class: String,
}

pub enum Message {
    Action(MouseEvent),
}

impl Component for Button {
    type Message = Message;
    type Properties = Props;

    fn create(props: Self::Properties, link: ComponentLink<Self>) -> Self {
        Self { props, link }
    }

    fn update(&mut self, msg: Self::Message) -> ShouldRender {
        match msg {
            Message::Action(e) => {
                self.props.action.emit(e);
            }
        }
        false
    }
    fn change(&mut self, props: Self::Properties) -> ShouldRender {
        self.props = props;
        true
    }

    fn view(&self) -> Html {
        html! {
            <div class="control">
                <button class=format!("button {} {}", self.props.css_class, self.is_loading()) disabled=self.props.disabled onclick=self.link.callback(|e: MouseEvent| Message::Action(e))>
                    { &self.props.label }
                </button>
            </div>
        }
    }
}

impl Button {
    fn is_loading(&self) -> &'static str {
        if self.props.processing {
            "is-loading"
        } else {
            ""
        }
    }
}