Components

Tabs

Tabs are used to navigate between related pages or views while retaining context.

Best Practices

Icons should be used sparingly in tab buttons to reduce space and visual noise of the tab bar.

Accessibility

The expected keyboard navigation for tabs is for the user to be able to tab into the tab group and then use the arrow key (left and right) to switch tabs. Switching tabs with the keyboard should move the focus to the next tab.