Manage your team members
Manage your projects
Manage your tasks for freelancers
Examples
Variants
Use the variant prop to change the visual style of the tabs.
Manage your team members
Manage your projects
Manage your tasks for freelancers
Manage your team members
Manage your projects
Manage your tasks for freelancers
Manage your team members
Manage your projects
Manage your tasks for freelancers
Lazy Mounted
Use the lazyMount and/or unmountOnExit prop to only render the tab content when it is active. This can be useful for performance optimization.
Tab 1: Content 0
Links
Pass the asChild prop to the TabsTrigger component to render a link as a tab. When a tab is clicked, the link will be navigated to.
Disabled Tab
Set the disabled prop on the TabsTrigger component to disable a tab.