Tailwind CSS Tab - NiraUI

Tabs component in NiraUI allows you to organize content into multiple sections and provides an interactive way for users to switch between views

Default Tab

A simple set of tabs to switch between different content views

Tab 1
Tab 2
Tab 3



	
Tab 1

	
Tab 2

	
Tab 3

Bordered tabs.

Bordered tabs.

Tab 1
Tab 3
Tab 3



	
Tab 1

	
Tab 3

	
Tab 3

Underline tabs.

Underline tabs highlight the active tab with a bottom border, improving visual cues:

Tab 1
Tab 2
Tab 3



	
Tab 1

	
Tab 2

	
Tab 3

Pill tabs.

Pill tabs have a rounded design and can be active or disabled for improved styling flexibility.

Tab 1
Tab 2
Tab 3



	
Tab 1

	
Tab 2

	
Tab 3

Tabs as Radio Buttons

Tabs can function as radio buttons, allowing users to switch views while maintaining form accessibility.

Bordered Tabs with Radio Buttons

Combine bordered styling with radio button behavior.