leptonic 0.5.0

The Leptos component library. 
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

use leptos::*;

use crate::Size;

#[derive(Debug, Clone, Copy, Default)]
pub enum StackOrientation {
    #[default]
    Vertical,
    Horizontal,
}

impl StackOrientation {
    pub const fn as_str(&self) -> &'static str {
        match self {
            Self::Vertical => "vertical",
            Self::Horizontal => "horizontal",
        }
    }
}

#[component]
pub fn Stack(
    spacing: Size,
    #[prop(optional)] orientation: StackOrientation,
    #[prop(into, optional)] id: Option<AttributeValue>,
    #[prop(into, optional)] class: Option<AttributeValue>,
    #[prop(into, optional)] style: Option<AttributeValue>,
    children: Children,
) -> impl IntoView {
    view! {
        <leptonic-stack
            id=id
            class=class
            data-orientation=orientation.as_str()
            style=style
            style=("--gap", format!("{spacing}"))
        >
            { children() }
        </leptonic-stack>
    }
}