dioxus-element-plug 0.2.2

Element UI components for Dioxus applications with pure Rust styling system
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

use dioxus::prelude::*;

/// SkeletonItem props
#[derive(Props, Clone, PartialEq)]
pub struct SkeletonItemProps {
    /// Item variant (text, circle, rect, etc.)
    #[props(default = "text".to_string())]
    pub variant: String,

    /// Additional CSS classes
    #[props(default)]
    pub class: Option<String>,

    /// Inline styles
    #[props(default)]
    pub style: Option<String>,
}

/// SkeletonItem component for individual skeleton placeholder
///
/// ## Example
///
/// ```rust,ignore
/// rsx! {
///     SkeletonItem { variant: "circle".to_string() }
/// }
/// ```
#[component]
pub fn SkeletonItem(props: SkeletonItemProps) -> Element {
    let mut class_names = vec!["el-skeleton__item".to_string()];
    class_names.push(format!("el-skeleton__{}", props.variant));

    if let Some(ref custom_class) = props.class {
        class_names.push(custom_class.clone());
    }

    let class_string = class_names.join(" ");
    let style_string = props.style.clone().unwrap_or_default();

    rsx! {
        div {
            class: "{class_string}",
            style: "{style_string}",
        }
    }
}