Tabs
Our Admin Panel isn’t just a mix of third-party components. It’s the only Next.js dashboard built on a professional, enterprise-grade UI Components Library. This component is part of this library, and we present only the basic usage of it here. To explore extended examples, detailed API documentation, and customization options, refer to our docs.
React Tabs
The basic React tabs example uses the variant="tabs" props to generate a tabbed interface.
Home tab content
Profile tab content
Contact tab content
Disabled tab content
React Tabs Unstyled
If you don’t provide the variant prop, the component will default to a basic style.
Home tab content
Profile tab content
Contact tab content
Disabled tab content
React Tabs Pills
Take that same code, but use variant="pills" instead:
Home tab content
Profile tab content
Contact tab content
Disabled tab content
React Tabs Underline
Take that same code, but use variant="underline" instead:
Home tab content
Profile tab content
Contact tab content
Disabled tab content
React Tabs Underline border
Take that same code, but use variant="underline-border" instead:
Home tab content
Profile tab content
Contact tab content
Disabled tab content
