Tailwind CSS Dot - Nira UI

Dot is a really small icon to visually show the current status of an element, like online, offline, error, etc.

Default

A simple small dot for status indication.

Colored Dot

Change the color of dots to indicate different statuses.

Dots with Text Labels

Enhance clarity by adding descriptive text next to the dot.

 
	
	Waiting


	
	Ready


	
	Cancelled


	
	Waiting


	
	Success


	
	Warning
   

Animated Dots

Add subtle animation to dots for dynamic status feedback.

 
	
	Waiting


	
	Ready


	
	Cancelled


	
	Waiting


	
	Success


	
	Warning