分割线 Divider

区隔内容的分割线，可用于对不同内容进行分组或分隔。

何时使用

• 对不同内容区域进行分隔
• 对长列表或表单进行分组
• 创建视觉上的层次感

示例

基础用法

最简单的用法，渲染一条水平分割线。

虚线分割线

通过设置 dashed 属性渲染虚线分割线。

带文字的分割线

给分割线添加文字，方便描述或分隔不同内容。

文字对齐方式

通过 align 属性控制文字在分割线中的对齐方式。

虚线带文字

结合 dashed 和文字内容，创建虚线带文字的分割线。

完整示例

展示分割线的各种使用方式。

API

Divider

参数	说明	类型	默认值
dashed	是否为虚线	boolean	false
align	文字对齐方式	'left' | 'center' | 'right'	'left'
children	分割线中的文字内容	ReactNode	-
className	自定义类名	string	-