freyr 0.2.8

A UI component library for Dioxus web.
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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80

use dioxus::prelude::*;

#[derive(PartialEq, Clone)]
pub enum AccordionColor {
    Freyr,
    Black,
}

impl AccordionColor {
    pub fn to_css_class(&self) -> &'static str {
        match self {
            AccordionColor::Freyr => "accordion-freyr",
            AccordionColor::Black => "accordion-black",
        }
    }
}

/// Defines different color options for navigation items.
#[derive(PartialEq, Clone)]
pub enum AccordionIconColor {
    Freyr,
    Dark,
    Light,
    Custom(&'static str),
}

impl AccordionIconColor {
    /// Returns the CSS class or custom color for the navigation items.
    pub fn as_css_class(&self) -> &'static str {
        match self {
            AccordionIconColor::Freyr => "#3795BD",
            AccordionIconColor::Dark => "#000",
            AccordionIconColor::Light => "#fff",
            AccordionIconColor::Custom(color) => color,
        }
    }
}

/// Props are: ```title```, ```accordion_text```, ```optional_text```, ```icon_color```, ```class```, ```title_class```, ```accordion_wrapper```, ```accordion_content```
#[derive(Props, PartialEq, Clone)]
pub struct AccordionProps {
    pub title: String,
    pub accordion_text: String,
    pub optional_text: Option<String>,
    pub icon_color: AccordionIconColor,
    pub class: Option<String>,
    pub title_class: Option<String>,
    pub accordion_wrapper: Option<String>,
    pub accordion_content: Option<String>,
}

#[derive(Props, PartialEq, Clone)]
pub struct AccordionCustomProps {
    pub title: String,
    pub accordion_text: Element,
    pub icon_color: AccordionIconColor,
    pub class: Option<String>,
    pub title_class: Option<String>,
    pub accordion_wrapper: Option<String>,
    pub accordion_content: Option<String>,
}

/// The "title", "icon_color", and "children" properties are mandatory, but all the other ones are optional propreties.
#[derive(Props, PartialEq, Clone)]
pub struct AccordionLeftProps {
    pub accordion_width: Option<String>,
    pub accordion_header_bg_color: Option<String>,
    pub title: String,
    pub children: Element,
    pub accordion_open_max_height: Option<String>,
    pub box_shadow: Option<String>,
    pub border_radius: Option<String>,
    pub title_color: Option<String>,
    pub title_font_size: Option<String>,
    pub title_font_weight: Option<String>,
    pub content_padding: Option<String>,

    #[props(default = AccordionIconColor::Freyr)]
    pub icon_color: AccordionIconColor,
}