xl vision
  • Component
  • React Hooks
  • Playground
  • Overview
  • Color
  • Getting Start
    • Installation
  • General
    • Icon
    • Button
  • Layout
    • Grid
  • Form
    • Input
    • InputNumber
    • Textarea
  • Navigation
    • Dropdown
    • Affix
    • BackTop
    • Anchor
  • Data Display
    • Tooltip
    • Popover
    • Avatar
  • Faceback
    • Popconfirm
    • Dialog
    • Message
    • Notication
  • Animation
    • Transition
    • TransitionGroup
    • CollapseTransition
    • Ripple
  • Styles
    • Theme
    • CssBaseline
  • Basic Component
    • BaseButton
    • Portal
    • Popper
    • Modal
    • ResizeObserver

Tooltip

Simple text prompt bubbles.

Examples

Basic

Basic.

Arrow

Hide Arrow.

Custom color

Custom color.

Limit the maximum width

Limit the maximum width.

Rich text content

Custom rich text content.

Properties

For more parameters, please refer to Popper properties.

PropertyDescriptionTypeDefaultRequire
contentTooltip contentReact.ReactNode-true
maxWidthTooltip max widthnumber-false
bgColorCustom background colorstring-false
hideArrowHide arrowboolean-false
Examples
Basic
Arrow
Custom color
Limit the maximum width
Rich text content
Properties
Copyright © 2020-2021 Rhys Xia