Skip to content

Tab

Overview

Tabs can support combining multiple cards into a new card in the form of tabs.

Settings

Setting ItemDescription
Tab ModeSelect the display style of the tab.
Options: Default, Card, Card with Border
ArrangementSet the position of the tab in the card.
Options: Top, Right, Bottom, Left
Whether Tab Width Auto ExpandsWhether the tab width automatically stretches according to the card width.
Add TabConfigure the cards in the tab.
NameConfigure the name of the tab.
IconConfigure the icon of the tab.
Card ContentCreate and configure the type of card corresponding to the tab.

Usage Scenarios

When we need to view multiple tables of the same type but don't want all tables to be displayed flat, Tab can help users switch between multiple cards in the form of Tab within limited layout space. The following takes the tab of the score overview as an example.