daisy_rsx 0.1.56

Daisy UI components for the Dioxus Rust library.
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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113

use dioxus::prelude::*;

#[derive(Clone, PartialEq)]
pub struct Feature {
    pub title: String,
    pub description: String,
    pub icon: String,
}

#[component]
pub fn Features(
    features: Vec<Feature>,
    title: String,
    description: String,
    class: Option<String>,
) -> Element {
    let class = class.unwrap_or("".to_string());
    rsx! {
        section {
            class: format!("{class} body-font"),
            div {
                class: "mx-auto",
                div {
                    class: "mb-8 lg:mb-16",
                    h2 {
                        class: "mb-4 text-4xl tracking-tight font-display",
                        "{title}"
                    }
                    p {
                        class: "text-gray-500 sm:text-xl dark:text-gray-400",
                        "{description}"
                    }
                }
                div {
                    class: "space-y-8 md:grid md:grid-cols-2 lg:grid-cols-3 md:gap-12 md:space-y-0",
                    for feature in features {
                        div {
                            div {
                                class: "mb-4 w-10 h-10 lg:h-12 lg:w-12",
                                img {
                                    alt: "testimonial",
                                    src: "{feature.icon}"
                                }
                            }
                            h3 {
                                class: "mb-2 font-display text-xl font-bold",
                                "{feature.title}"
                            }
                            p {
                                "{feature.description}"
                            }
                        }
                    }
                }
            }
        }
    }
}

#[component]
pub fn BionicFeatures(class: Option<String>) -> Element {
    let features = vec![
        Feature {
            title: String::from("Agentic Assistants"),
            description: String::from("Connect assistants to your systems and your data."),
            icon: "/features/systems.svg".to_string(),
        },
        Feature {
            title: String::from("Team-Based Permissions"),
            description: String::from(
                "Control data access and ensure security by allowing teams to manage permissions.",
            ),
            icon: "/features/team.svg".to_string(),
        },
        Feature {
            title: String::from("Full Observability"),
            description: String::from(
                "Gain insights into usage and compliance with detailed dashboards and logs.",
            ),
            icon: "/features/graph.svg".to_string(),
        },
        Feature {
            title: String::from("Cost Control"),
            description: String::from(
                "Set usage limits by user and team to manage costs effectively.",
            ),
            icon: "/features/costs.svg".to_string(),
        },
        Feature {
            title: String::from("Advanced Encryption"),
            description: String::from(
                "Ensure data security with encryption at rest, in transit, and during runtime.",
            ),
            icon: "/features/encryption.svg".to_string(),
        },
        Feature {
            title: String::from("Scalable Architecture"),
            description: String::from(
                "Built on Kubernetes for maximum scalability and reliability.",
            ),
            icon: "/features/kubernetes.svg".to_string(),
        },
    ];

    rsx! {
        Features {
            title: "Bionic Features",
            description: "A comprehensive solution for all your AI needs.",
            features: features,
            class: class
        }
    }
}