Skip to main content

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.

  1. 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.

  2. 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.

  1. 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.

  2. 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: