Tabs
A fully customizable shadcn tabs component with multiple layout options.
Built with accessibility as a core principle, this tabs component offers seamless content organization with multiple alignment options. The component supports left, top, and bottom tab placements, providing flexibility for various interface requirements.
Following shadcn's signature minimalist design style, it creates clean and interactive interfaces while maintaining a consistent visual language. Each variant is carefully crafted to ensure optimal user experience across different screen sizes.
Installation
Set up project
If you haven't done that already, follow the installation guide before installing your first component.
Install components and dependencies
npx shadcn@latest add "https://launchuicomponents.com/r/tabs"
This command will:
- install necessary dependencies and add them to
package.json - add necessary components to
components/ui - add a ready-to-use block to
components/sections
Add more variants
Get Launch UI Pro to access all variants.
Usage
Make the right impression
Launch UI makes it easy to build an unforgetable website that resonates with professional design-centric audiences.
Make the right impression
Launch UI makes it easy to build an unforgetable website that resonates with professional design-centric audiences.
Make the right impression
Launch UI makes it easy to build an unforgetable website that resonates with professional design-centric audiences.
Need help?
File a feature request, report a bug, or ask me anything.