leptos_element_plus 0.0.3

A wrapper of element-plus 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


use leptos::*;
//use leptos::logging::log;

#[derive(Default, Debug, Clone, Copy, PartialEq, Eq)]
pub enum DrawerDirection {
    #[default]
    Right,
    Left,
    Top,
    Bottom,
}

impl DrawerDirection {
    pub fn as_str(&self) -> &'static str {
        match self {
            DrawerDirection::Right => "rtl",
            DrawerDirection::Left => "ltr",
            DrawerDirection::Top => "ttb",
            DrawerDirection::Bottom => "btt",
        }
    }
}

#[component]
pub fn Drawer(
    #[prop(into, default = DrawerDirection::Right.into())] direction: DrawerDirection,
    #[prop(into, default = false.into())] show: RwSignal<bool>,
    #[prop(into, optional)] title: Option<AttributeValue>,
    #[prop(into, optional)] size: Option<AttributeValue>,
    children: Children
    ) -> impl IntoView
{

    view! {
        <el-drawer
            size=size
            // model-value=show
            prop:modelValue=show
            title=title
            direction=direction.as_str()
            on:ce-close=move |_ev: leptos::ev::CustomEvent| { show.set(false) }
        >

            {children()}
        </el-drawer>
    }
}