at main 44 lines 1.2 kB view raw
1use dioxus::prelude::*; 2use dioxus_primitives::tooltip::{self, TooltipContentProps, TooltipProps, TooltipTriggerProps}; 3 4#[component] 5pub fn Tooltip(props: TooltipProps) -> Element { 6 rsx! { 7 document::Link { rel: "stylesheet", href: asset!("./style.css") } 8 tooltip::Tooltip { 9 class: "tooltip", 10 disabled: props.disabled, 11 open: props.open, 12 default_open: props.default_open, 13 on_open_change: props.on_open_change, 14 attributes: props.attributes, 15 {props.children} 16 } 17 } 18} 19 20#[component] 21pub fn TooltipTrigger(props: TooltipTriggerProps) -> Element { 22 rsx! { 23 tooltip::TooltipTrigger { 24 class: "tooltip-trigger", 25 id: props.id, 26 attributes: props.attributes, 27 {props.children} 28 } 29 } 30} 31 32#[component] 33pub fn TooltipContent(props: TooltipContentProps) -> Element { 34 rsx! { 35 tooltip::TooltipContent { 36 class: "tooltip-content", 37 id: props.id, 38 side: props.side, 39 align: props.align, 40 attributes: props.attributes, 41 {props.children} 42 } 43 } 44}