Enhancement

Create a TabPane component.

Note that features such as showing tabs that don't fit within available real estate in a menu can be added at a later time.

Specification

Callback props:

activeIndex?: number;
loadingIndex?: number;
tabs?: TabConfig[];
onRequestTabChange?(index: number): void;
onRequestTabClose?(tabs: TabConfig[]): void;

Interaction

• Clicking on a tab triggers onRequestTabChange
• Clicking on a tab close button triggers onRequestTabClose

States
None.

Value add
A TabPane would solve the common UX issue of needing to show multiple sets of information as designated by the currently selected tab.

Controlled or uncontrolled
Controlled.

Icons

• Close Icon

Responsive design
None, until dictated by initial theme mockups from @itorrey.