Tailwind CSS Tooltip - Nira UI

Nira UI Tooltip component provides a sleek and accessible way to display additional information or hints when users hover over or focus on an element.

Default

Simple example of a tooltip.

 Tooltip 

Tooltip Directions

Nira UI tooltips can be positioned in multiple directions to fit your layout: top, right, bottom, left, as well as corner positions.

 Tooltip 
 Tooltip 
 Tooltip 
 Tooltip 

Tooltips can be also be positioned in :

 Tooltip 
 Tooltip 
 Tooltip 
 Tooltip 

Colored Tooltip

Tooltips in Nira UI can be customized with different colors for better visual emphasis or status indication.

 Primary
 Secondary 
 Success 
 Right
 Warning