Divider 分割线

分隔线用于将内容水平或垂直分组。

获取组件

import { Divider } from 'rsuite';

演示

默认

带标签

外观

尺寸

颜色

垂直分割线

Props

<Divider>

属性名称 类型 描述 版本
appearance 'solid' | 'dashed' | 'dotted' 分割线的外观样式
as ElementType (div) 自定义元素类型
classPrefix string ('divider') 组件 CSS 类的前缀
color Color | CSSProperties['color'] 分割线的颜色
label ReactNode 标签内容 Version 6.0.0 or above
labelPlacement 'start' | 'center' | 'end' 标签位置 Version 6.0.0 or above
size 'xs' | 'sm' | 'md' | 'lg' | number | string 分割线的尺寸
spacing 'xs' | 'sm' | 'md' | 'lg' | number | string 分割线与内容之间的间距
vertical boolean 垂直分割线(不能与标签同时使用)

Color

type Color = 'red' | 'orange' | 'yellow' | 'green' | 'cyan' | 'blue' | 'violet';