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
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

#![allow(unreachable_pub, dead_code)]

use leptos::prelude::*;
use canonrs_core::Orientation;
use canonrs_core::primitives::{
    SliderPrimitive, SliderTrackPrimitive,
    SliderRangePrimitive, SliderThumbPrimitive, SliderMarksPrimitive,
};
use canonrs_core::meta::DisabledState;

#[component]
pub fn Slider(
    #[prop(default = 0.0)] min: f64,
    #[prop(default = 100.0)] max: f64,
    #[prop(default = 1.0)] step: f64,
    #[prop(default = 50.0)] value: f64,
    #[prop(default = DisabledState::Enabled)] disabled: DisabledState,
    #[prop(default = Orientation::Horizontal)] orientation: Orientation,
    #[prop(into, default = String::new())] class: String,
) -> impl IntoView {
    view! {
        <SliderPrimitive
            min={min}
            max={max}
            step={step}
            value={value}
            orientation=orientation.as_str().to_string()
            disabled=disabled
            class={class}
        >
            <SliderTrackPrimitive>
                <SliderRangePrimitive />
                <SliderThumbPrimitive />
            </SliderTrackPrimitive>
        </SliderPrimitive>
    }
}


#[component]
pub fn SliderWithMarks(
    #[prop(default = 0.0)] min: f64,
    #[prop(default = 100.0)] max: f64,
    #[prop(default = 10.0)] step: f64,
    #[prop(default = 50.0)] value: f64,
    #[prop(default = DisabledState::Enabled)] disabled: DisabledState,
    #[prop(default = Orientation::Horizontal)] orientation: Orientation,
    #[prop(into, default = String::new())] class: String,
) -> impl IntoView {
    view! {
        <SliderPrimitive
            min={min}
            max={max}
            step={step}
            value={value}
            orientation=orientation.as_str().to_string()
            disabled=disabled
            class={class}
        >
            <SliderTrackPrimitive>
                <SliderRangePrimitive />
                <SliderThumbPrimitive />
            </SliderTrackPrimitive>
            <SliderMarksPrimitive min={min} max={max} step={step} />
        </SliderPrimitive>
    }
}