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

use dioxus::prelude::*;

#[component]
pub fn SplitVideoHero(
    title: String,
    subtitle: String,
    video_src: String,
    cta_label: Option<String>,
    cta_href: Option<String>,
    class: Option<String>,
) -> Element {
    let cta_label = cta_label.unwrap_or_else(|| "Book a Call".to_string());
    let class = class.unwrap_or_default();

    rsx! {
        section {
            class: format!("grid gap-10 items-center lg:grid-cols-2 {class}"),
            div {
                class: "text-center lg:text-left",
                h1 {
                    class: "text-4xl sm:text-5xl font-bold",
                    "{title}"
                }
                p {
                    class: "mt-6 text-lg opacity-80",
                    "{subtitle}"
                }
                if let Some(cta_href) = cta_href {
                    div {
                        class: "mt-8 flex justify-center lg:justify-start",
                        a {
                            class: "btn btn-primary",
                            href: cta_href,
                            "{cta_label}"
                        }
                    }
                }
            }
            div {
                class: "w-full",
                video {
                    class: "w-full rounded-2xl shadow-lg",
                    src: video_src,
                    autoplay: true,
                    loop: true,
                    muted: true,
                    playsinline: true,
                    controls: false
                }
            }
        }
    }
}