canonrs-server 0.1.0

CanonRS server-side rendering support
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

use leptos::prelude::*;
use super::{StatusDot, StatusDotVariant};

#[component]
pub fn BasicExample() -> impl IntoView {
    view! {
        <div style="display: flex; flex-direction: column; gap: 1.5rem;">
            <div style="display: flex; align-items: center; gap: 0.75rem;">
                <StatusDot variant=StatusDotVariant::Online />
                <span>"Online"</span>
            </div>

            <div style="display: flex; align-items: center; gap: 0.75rem;">
                <StatusDot variant=StatusDotVariant::Offline />
                <span>"Offline"</span>
            </div>

            <div style="display: flex; align-items: center; gap: 0.75rem;">
                <StatusDot variant=StatusDotVariant::Away />
                <span>"Away"</span>
            </div>

            <div style="display: flex; align-items: center; gap: 0.75rem;">
                <StatusDot variant=StatusDotVariant::Busy />
                <span>"Busy"</span>
            </div>

            <div style="display: flex; align-items: center; gap: 0.75rem;">
                <StatusDot variant=StatusDotVariant::DoNotDisturb />
                <span>"Do Not Disturb"</span>
            </div>
        </div>
    }
}