Containers: Tab/Card
To enhance the flexibility and aesthetics of custom page layouts, we provide two types of component containers: Card and Tab.
Tab
Users can add multiple tabs in custom pages to categorize components. By switching between tabs, users can quickly locate the information they need, improving browsing efficiency.
-
Configuring tabs
Add a tab, then click the Settings button to configure the name of the tab container, as well as the name, order, and display style of each individual tab.
In card mode, users can choose whether to display component borders.
-
Adding components to tabs
There are two ways to add components:
-
Move existing components into a tab
-
Select a tab and add new components
-
Display Effect:
When switching between tabs, the corresponding components are displayed.
Card mode and Transparent mode:
Component borders on/off:
Card
Users can display multiple components on a card to present content in an intuitive manner, enriching page layouts and meeting diverse design needs.
-
Configuring cards
Add a card, then click the Settings button to configure Whether to display borders for components within the card,or whether to display the card name.
-
Adding components
There are two ways to add components to a card:
- Move existing components into the card
- Select a card and add new components
Display Effect: