$5, Fits your $30 budget
Cover illustration. The files are listed under What's inside.
Tab Navigation Components
Underline, pill, enclosed and vertical tabs with icons, count badges and scrollable overflow, plus a segmented control for two to four options.
$5
Fits your $30 budget
Added to your cart.View your cart
- Includes the Standard license: personal, commercial and client work for one person.
- Instant download after payment, plus an email with links that stay active for 30 days.
- Refund within 14 days if you haven't downloaded it yet, if it doesn't work in the supported software listed here, or if it's faulty and we can't fix it.
- Contents
- 18 components
- File formats
- .fig, .sketch, .png
- Supported software
- Figma, Sketch
- Download size
- 3 MB
- Good for
- Settings and profile pages
- Dashboard views
- Monthly and yearly toggles
About this product
Tabs come in four treatments across these 18 components: underline, pill, enclosed and vertical, each with optional icons and count badges. Every tab has default, hover, active, focus and disabled states, and an overflow version adds scroll arrows when tabs outnumber the available width. A segmented control handles short switches between two and four options.
One product often needs two or three tab styles, for example underline tabs on a profile page and a segmented control for a monthly and yearly price switch. Drawing them from one file keeps spacing and active indicators consistent, and interactive components let you click between tabs in a prototype.
What's inside
- 18 components in underline, pill, enclosed and vertical styles
- 5 tab states: default, hover, active, focus, disabled
- Optional icons and count badges per tab
- Scrollable overflow with arrow buttons
- Segmented control for two to four options
License
Standard license
Included with every purchase
For one person. Use the assets in unlimited personal and commercial projects, including work you deliver to clients.
Allowed
- Design a client's website with a UI kit and hand over the finished site
- Use the same asset in as many of your projects as you like
- Build your startup's pitch deck from a presentation template
- Use an icon set throughout your company's web app
Not allowed
- Reselling, sharing, sublicensing or giving away the files, as they are or modified, for example on stock sites or marketplaces
- Uploading the files anywhere others can download or extract them, such as a public repository
- Letting several people work from one Standard license (a Team license covers that)
- Selling print-on-demand merchandise or templates built on the assets without an Extended license
$5, Fits your $30 budget
$5, Fits your $30 budget
$5, Fits your $30 budget