Components

Tabs

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

Icons used in tab buttons should always be aligned to the left of the text.

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.