显示侧边栏

分隔符

可视化地分隔内容部分或项目组。

<flux:separator />

带文字

为分隔符添加文字，使其更具描述性。

<flux:separator text="or" />

当水平排列时，使用垂直分隔符来分隔内容。

切换到暗主题

<flux:separator vertical />

您可以通过添加垂直边距来限制垂直分隔符的高度。

切换到暗主题

<flux:separator vertical class="my-2" />

Flux 提供了一个微妙的分隔符变体，可以融入背景中。

切换到暗主题

<flux:separator vertical variant="subtle" />

属性	描述
vertical	显示垂直分隔符。默认为水平。
variant	视觉样式变体。选项：subtle。默认：标准分隔符。
text	可选的文字，显示在分隔符中央。
orientation	vertical 属性的替代方法。选项：horizontal, vertical。默认：horizontal。

类	描述
my-*	常用于缩短垂直分隔符。

属性	描述
data-flux-separator	应用于根元素以进行样式设置和识别。