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
114
115
116
117
118

use dioxus::prelude::*;

#[component]
pub fn QuadFeature(
    title: String,
    sub_title: String,
    text: String,
    title1: String,
    text1: String,
    title2: String,
    text2: String,
    title3: String,
    text3: String,
    title4: String,
    text4: String,
) -> Element {
    rsx! {
        section { class: "w-full",
        div { class: "w-full",
            div { class: "mx-auto max-w-2xl lg:text-center",
                h2 { class: "badge badge-outline", "{title}" }
                p { class: "mt-2 text-3xl font-bold tracking-tight sm:text-4xl font-display",
                    "{sub_title}"
                }
                p { class: "mt-6 text-lg leading-8", "{text}" }
            }
            div { class: "mx-auto mt-10 max-w-2xl lg:mt-12 lg:max-w-4xl",
                dl { class: "grid max-w-xl grid-cols-1 gap-x-8 gap-y-8 lg:max-w-none lg:grid-cols-2 lg:gap-y-10",
                    div { class: "relative pl-16",
                        dt { class: "text-base font-semibold leading-7",
                            div { class: "absolute left-0 top-0 flex h-10 w-10 items-center justify-center rounded-lg bg-indigo-600",
                                svg {
                                    "viewBox": "0 0 24 24",
                                    "stroke": "currentColor",
                                    "aria-hidden": "true",
                                    "stroke-width": "1.5",
                                    "fill": "none",
                                    class: "h-6 w-6 text-white",
                                    path {
                                        "stroke-linejoin": "round",
                                        "d": "M12 16.5V9.75m0 0l3 3m-3-3l-3 3M6.75 19.5a4.5 4.5 0 01-1.41-8.775 5.25 5.25 0 0110.233-2.33 3 3 0 013.758 3.848A3.752 3.752 0 0118 19.5H6.75z",
                                        "stroke-linecap": "round"
                                    }
                                }
                            }
                            "{title1}"
                        }
                        dd { class: "mt-2 text-base leading-7", "{text1}" }
                    }
                    div { class: "relative pl-16",
                        dt { class: "text-base font-semibold leading-7",
                            div { class: "absolute left-0 top-0 flex h-10 w-10 items-center justify-center rounded-lg bg-indigo-600",
                                svg {
                                    "fill": "none",
                                    "aria-hidden": "true",
                                    "stroke": "currentColor",
                                    "viewBox": "0 0 24 24",
                                    "stroke-width": "1.5",
                                    class: "h-6 w-6 text-white",
                                    path {
                                        "d": "M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z",
                                        "stroke-linejoin": "round",
                                        "stroke-linecap": "round"
                                    }
                                }
                            }
                            "{title2}"
                        }
                        dd { class: "mt-2 text-base leading-7", "{text2}" }
                    }
                    div { class: "relative pl-16",
                        dt { class: "text-base font-semibold leading-7",
                            div { class: "absolute left-0 top-0 flex h-10 w-10 items-center justify-center rounded-lg bg-indigo-600",
                                svg {
                                    "aria-hidden": "true",
                                    "stroke": "currentColor",
                                    "stroke-width": "1.5",
                                    "viewBox": "0 0 24 24",
                                    "fill": "none",
                                    class: "h-6 w-6 text-white",
                                    path {
                                        "stroke-linejoin": "round",
                                        "d": "M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0l3.181 3.183a8.25 8.25 0 0013.803-3.7M4.031 9.865a8.25 8.25 0 0113.803-3.7l3.181 3.182m0-4.991v4.99",
                                        "stroke-linecap": "round"
                                    }
                                }
                            }
                            "{title3}"
                        }
                        dd { class: "mt-2 text-base leading-7", "{text3}" }
                    }
                    div { class: "relative pl-16",
                        dt { class: "text-base font-semibold leading-7",
                            div { class: "absolute left-0 top-0 flex h-10 w-10 items-center justify-center rounded-lg bg-indigo-600",
                                svg {
                                    "aria-hidden": "true",
                                    "fill": "none",
                                    "viewBox": "0 0 24 24",
                                    "stroke-width": "1.5",
                                    "stroke": "currentColor",
                                    class: "h-6 w-6 text-white",
                                    path {
                                        "stroke-linecap": "round",
                                        "d": "M7.864 4.243A7.5 7.5 0 0119.5 10.5c0 2.92-.556 5.709-1.568 8.268M5.742 6.364A7.465 7.465 0 004.5 10.5a7.464 7.464 0 01-1.15 3.993m1.989 3.559A11.209 11.209 0 008.25 10.5a3.75 3.75 0 117.5 0c0 .527-.021 1.049-.064 1.565M12 10.5a14.94 14.94 0 01-3.6 9.75m6.633-4.596a18.666 18.666 0 01-2.485 5.33",
                                        "stroke-linejoin": "round"
                                    }
                                }
                            }
                            "{title4}"
                        }
                        dd { class: "mt-2 text-base leading-7", "{text4}" }
                    }
                }
            }
        }
    }
    }
}