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

use dioxus::prelude::*;

#[component]
pub fn SmallImageFeature(
    title: String,
    sub_title: String,
    text: String,
    image: String,
    flip: bool,
    class: Option<String>,
) -> Element {
    let flip = if flip { "flex-row-reverse" } else { "flex-row" };
    let class = class.unwrap_or("".to_string());
    rsx! {
        section {
            class: "{class} md:flex {flip} gap-8",
            div {
                class: "flex-1",
                h2 {
                    class: "badge badge-outline",
                    "{title}" }
                p {
                    class: "mt-8 text-3xl tracking-tight sm:text-4xl font-display",
                    "{sub_title}"
                }
                p {
                    class: "mt-6 text-lg leading-8",
                    "{text}"
                }
            }
            div {
                class: "flex-1",
                img {
                    loading: "lazy",
                    width: "728",
                    height: "610",
                    alt: "Product screenshot",
                    src: "{image}",
                }
            }
        }
    }
}