Tooltip 文字提示

带有箭头的文字气泡框。

Tooltip

Props

Prop NameTypeRequiredDefaultDescription
arrowbooleantrue
是否显示箭头
theme
'light' | 'dark'
'light'
主题风格
customStyle
{
/** 弹出层外层 padding */
popupWrapperPadding?: string;
}
{}
自定义样式
placement'topLeft'

说明

  • Tooltip 基于 Popover,增加了箭头样式,支持所有 Popover 的 props,其它 props 的定义和注意事项参考 Popover 文档
  • 主要用于包裹一些展示性的提示

演示

演示

VIEW CODE ( LIVE )

theme - 主题

VIEW CODE ( LIVE )

arrow - 箭头

VIEW CODE ( LIVE )

placement - 位置

VIEW CODE ( LIVE )

style - 修改提示文案宽度

VIEW CODE ( LIVE )
Copyright © 2021-2024 UCloud 优刻得科技股份有限公司