HeadlessUI- Tabs Part 3- Disabling and manually activating tabs

Photo by Lee Campbell on Unsplash

In this article, we are going to show you how to disable a tab and manually activating tabs.

Disable the tab

To disable a tab, add disabled at that specific tab,

<Tab.Group >
<Tab.List className="flex space-x-1 rounded-xl bg-blue-900/20 p-1">