One UI

OneDivider

OneDivider 默认渲染水平分割线,传入 direction 可切换为垂直分隔。

或
查看代码收起代码
import { OneDivider } from '@geektech/one';

new OneDivider({ text: '或' });
new OneDivider({ direction: 'vertical' });

文字分割线

传入 text 后,OneDivider 以 flex 布局在两侧绘制线条并把文字居中;textAlign 可让文字靠左或靠右。

API

OneDivider 属性
名称签名说明
directiondirection?: 'horizontal' | 'vertical'分割线方向,默认 horizontal。
texttext?: string可选文字,显示在水平分割线中间。
textAligntextAlign?: 'left' | 'center' | 'right'文字对齐方式,默认 center。