文字提示

Tooltip浮层与反馈

深色小气泡,只给图标按钮补名称或快捷键。悬停 300ms 后出现,键盘聚焦立即出现;不放可点击内容。

预览

复制链接搜索⌘K向右旋转R

属性

名称类型默认值说明
tipSignal<String>必填提示内容。
shortcutMaybeProp<&'static str>None快捷键,显示在提示文字右侧。
childrenChildren必填触发提示的元素。
placementSignal<String>toptop 或 bottom。
alignSignal<String>centercenter、start 或 end。

键盘

鼠标停留
显示提示

用法

src/components/ui.rs
Leptos view!
view! {
    <Tooltip tip="\u641C\u7D22" shortcut="\u2318K">
        <button aria-label="\u641C\u7D22">
            <Icon name=IconName::Search/>
        </button>
    </Tooltip>
}