Tooltip
Floating element that provides a control with contextual information via pointer or focus.
use radix_yew_icons::PlusIcon;
use radix_yew_themes::{IconButton, Radius, Tooltip};
use yew::prelude::*;
#[function_component]
pub fn TooltipExample() -> Html {
html! {
<Tooltip content="Add to library">
<IconButton radius={Radius::Full}>
<PlusIcon />
</IconButton>
</Tooltip>
}
}
API Reference
This component inherits and merges props from the Radix Tooltip primitive Root, Portal and Content parts. It supports common margin props.
| Prop | Type | Default |
|---|---|---|
content | Html | - |
width | Option<Responsive<String>> | - |
min_width | Option<Responsive<String>> | - |
max_width | Responsive<String> | 360p |