Components
Tooltip
Small floating label that appears on hover or focus to provide additional context about an element.
Import
import { Tooltip } from '@pros/atlas';Usage
When To Use
- Lorem ipsum: Dolor sit amet, consectetur adipiscing elit.
- Sed do eiusmod: Tempor incididunt ut labore et dolore magna aliqua.
Anatomy
- Label: Lorem ipsum dolor sit amet.
- Icon (Optional): Consectetur adipiscing elit.
Examples
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Guidelines
Do's
- Lorem ipsum: Dolor sit amet, consectetur adipiscing elit.
- Sed do eiusmod: Tempor incididunt ut labore et dolore magna aliqua.
Don'ts
- Lorem ipsum: Dolor sit amet, consectetur adipiscing elit.
- Sed do eiusmod: Tempor incididunt ut labore et dolore magna aliqua.
Accessibility
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
API Reference
The Tooltip component accepts the following props.
Prop
Type