atproto blogging
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}