Get an overview with Tabs

Navigating around an application should feel intuitive and effortless, and that's where the Tabs component shines. It's essentially your digital tour guide, helping users find exactly what they're looking for.

This component comes in two elegant styles. The first style is neat and streamlined, ideal for a minimalist aesthetic. The second style boasts a more pronounced, three-dimensional design, adding a touch of depth to your interface.

But the customization doesn't stop there! There's a palette of six color variants at your disposal - primary, secondary, success, danger, warning, and info. Whether you want to capture attention with a vibrant tab or keep things subtle, there's a color to match every need.

Like a chameleon, this component adapts to its environment. Regardless of the screen size or resolution, the Tabs component holds its own, always looking sharp and functioning flawlessly.

In short, the Tabs component is a trusty navigator, making sure users never lose their way around your app. It's visually versatile, highly functional, and a breeze to work with - a true star in the world of interactive design.


2 styles
6 variants
Figma documentation
Figma documentation
Figma documentation