tulup | Tooltip

Tooltip

A bubble with some extra text to show when an element is focused or hovered.

The underlying component is Headless UI Switch.

Default tooltip

Placement

Trigger on click

Accessibility

WCAG 2.1Ensure that a contrast ratio of at least 4.5:1 exists between text (and images of text) and background behind the text
WCAG 2.1Use user interface components that are highlighted by the user agent when they receive focus
WCAG 2.1Ensure keyboard control for all functionality
WCAG 2.1
- Provide descriptive labels
- Use label elements to associate text labels with form controls