Skip to content

Divider

Overview

Divider can divide multiple cards in both horizontal and vertical directions

Settings

SettingDescription
DirectionDirection of the divider, options: HorizontalVertical
TypeType of the divider, options: Solid LineDashed Line
ColorColor of the divider
Thin LineWhen enabled, a thin line with width less than 1px will be displayed
Text PositionPosition setting of text on the divider. Options: Not DisplayTopCenterBottom
Text ContentWhen Text Position is not Not Display, you can configure the text content on the divider, in rich text format

Usage Scenarios

When we need to divide cards vertically or horizontally, we can use the Divider card to divide the layout between cards

Configuration Method

TIP

In general, when using the Divider card, you should enable the Enable Custom Style setting, hide the card title, and set the card padding according to specific circumstances.