Props
| Prop | Type | Default |
|---|---|---|
side | ’top’ | ‘right’ | ‘bottom’ | ‘left' | 'top’ |
align | ’start’ | ‘center’ | ‘end' | 'center’ |
backgroundColor | ’black’ | ‘white’ | — |
dataTestId | string | — |
Basic
Placement
Background Color
Use backgroundColor to set the tooltip background to 'black' or 'white'.
Usage Guidelines
- Placement: Choose the appropriate side and alignment based on the available space and the element’s position in the UI.
- Content: Keep tooltip content concise and informative. Avoid long paragraphs.
- Accessibility: Tooltips should provide additional context or information that isn’t essential for understanding the interface.
- Trigger: Tooltips are typically triggered on hover or focus, but can also be controlled programmatically.
Last updated on