Tooltip
Short label shown on hover and keyboard focus. Not available on touch.
Usage
import { Tooltip } from '@smartui/react';
import '@smartui/react/styles.css';When to use
- Naming an Icon Button.
When not to use
- Important information: tooltips do not show on touch screens.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
content | string | required | |
placement | 'top' | 'bottom' | 'left' | 'right' | 'top' | |
delay | number (ms) | 500 |
Accessibility
- The same text must also be the control label.