组件
OneDivider
OneDivider 默认渲染水平分割线,传入 direction 可切换为垂直分隔。
或
查看代码收起代码
import { OneDivider } from '@geektech/one';
new OneDivider({ text: '或' });
new OneDivider({ direction: 'vertical' });文字分割线
传入 text 后,OneDivider 以 flex 布局在两侧绘制线条并把文字居中;textAlign 可让文字靠左或靠右。
API
| 名称 | 签名 | 说明 |
|---|---|---|
direction | direction?: 'horizontal' | 'vertical' | 分割线方向,默认 horizontal。 |
text | text?: string | 可选文字,显示在水平分割线中间。 |
textAlign | textAlign?: 'left' | 'center' | 'right' | 文字对齐方式,默认 center。 |