leptos-bootstrap 0.0.2

Bootstrap styled components for leptos.
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

use leptos::prelude::*;
use std::fmt;

pub enum IconKind {
    Circle0,
    Circle0Fill,
    BoxArrowRight,
    BoxArrowInRight,
    CupHot,
    CupHotFill,
    Git,
    Github,
    Heart,
    HeartFill,
    HouseFill,
    PersonFill,
    UiChecks,
    TelephoneOutbound,
    FileEarmarkRichtext,
    People,
}

impl fmt::Display for IconKind {
    fn fmt(&self, f: &mut fmt::Formatter<'_>) -> fmt::Result {
        let s = match self {
            Self::Circle0 => "bi-0-circle",
            Self::Circle0Fill => "bi-0-circle-fill",
            Self::BoxArrowRight => "bi-box-arrow-right",
            Self::BoxArrowInRight => "bi-box-arrow-in-right",
            Self::CupHot => "bi-cup-hot",
            Self::CupHotFill => "bi-cup-hot-fill",
            Self::Git => "bi-git",
            Self::Github => "bi-github",
            Self::Heart => "bi-heart",
            Self::HeartFill => "bi-heart-fill",
            Self::HouseFill => "bi-house-fill",
            Self::PersonFill => "bi-person-fill",
            Self::UiChecks => "bi-ui-checks",
            Self::TelephoneOutbound => "bi-telephone-outbound",
            Self::FileEarmarkRichtext => "bi-file-earmark-richtext",
            Self::People => "bi-people",
        };
        write!(f, "{}", s)
    }
}

#[component]
pub fn Icon<'a>(kind: IconKind, #[prop(optional, into)] class: &'a str) -> impl IntoView {
    let class = format!("bi {} {}", kind, class);
    view! {
        <i class=class></i>
    }
}