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

temporary fork for Politik im Blick - Dioxus components
Documentation
use super::super::component::*;
use crate::components::button::{Button, ButtonVariant};
use dioxus::prelude::*;

#[component]
pub fn Demo() -> Element {
    rsx! {
        div {
            display: "flex",
            flex_direction: "column",
            gap: "1.5rem",
            width: "100%",
            max_width: "28rem",

            Item {
                ItemContent {
                    ItemTitle { "Default Variant" }
                    ItemDescription {
                        "Standard styling with subtle background and borders."
                    }
                }
                ItemActions {
                    Button { variant: ButtonVariant::Outline, "Open" }
                }
            }

            Item { variant: ItemVariant::Outline,
                ItemContent {
                    ItemTitle { "Outline Variant" }
                    ItemDescription {
                        "Outlined style with clear borders and transparent background."
                    }
                }
                ItemActions {
                    Button { variant: ButtonVariant::Outline, "Open" }
                }
            }

            Item { variant: ItemVariant::Muted,
                ItemContent {
                    ItemTitle { "Muted Variant" }
                    ItemDescription {
                        "Subdued appearance with muted colors for secondary content."
                    }
                }
                ItemActions {
                    Button { variant: ButtonVariant::Outline, "Open" }
                }
            }
        }
    }
}