Tabs

Use tabs to allow users to navigate easily between views within the same context.

Introduction

Tabs organize and allow navigation between groups of content that are related and at the same level of hierarchy.

Icons

Icons communicate the type of content a tab represents in a simple, recognizable way. However, they aren’t as effective as text labels at communicating complex content.

Level

The tab component is available in two level.

Colors

The tab component is available in all the different colors defined by the official brand guideline for Nova's colors. They are 5 main UI colors: primary, secondary, warning, error and success.