pib-components-dx-base 0.0.0-upstream-snapshot.2026-09-19.1

temporary fork for Politik im Blick - Dioxus components
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

use super::super::component::*;
use crate::components::label::Label;
use dioxus::prelude::*;

#[component]
pub fn Demo() -> Element {
    let mut description = use_signal(|| "sample text".to_string());
    rsx! {
        div {
            display: "flex",
            flex_direction: "column",
            gap: "1.5rem",

            p { id: "textarea-message", "Description here: {description}" }

            div {
                display: "flex",
                flex_direction: "column",
                gap: ".5rem",
                justify_content: "center",

                Label { html_for: "fade", "Fade" }
                Textarea {
                    id: "fade",
                    variant: TextareaVariant::Fade,
                    placeholder: "Enter your description",
                    value: description,
                    oninput: move |e: FormEvent| description.set(e.value()),
                }
            }
        }
    }
}