Tailwind CSS Breadcrumb - Nira UI

Breadcrumb component in Nira UI provides a simple way to display the current page’s location within a navigational hierarchy.

Default

Use the default breadcrumb to show a clear path of navigation from the homepage to the current page.

	

		

			Home
		
		

			Library
		
		
Add Data
	

Breadcrumb with Icons

You can enhance breadcrumbs with SVG icons to make navigation visually intuitive.

  

	

		

			
				
				
Desktop
			
		
		

			
				
				
Documents
			
		
		
Add Folder
	
  

Breadcrumb with Overflow

When the breadcrumb path is too long, use the overflow variant to keep it responsive and accessible on smaller viewports.

	

		

			Text 1
		
		

			Text 2
		
		

			Text 3
		
		

			Text 4
		
		
Text 5