Divider 分割线
import { TaDivider, TaGroup } from '@/index'
export default function ExpDivider() {
return (
<>
<TaGroup title="基础用法">
<TaDivider />
</TaGroup>
<TaGroup title="带文本">
<TaDivider title="文本" />
</TaGroup>
<TaGroup title="虚线">
<TaDivider title="文本" dashed />
</TaGroup>
<TaGroup title="自定义颜色">
<TaDivider className="exp-divider-custom-color" title="蓝色" />
</TaGroup>
</>
)
}
Import
import { TaDivider } from 'tantalum-ui-mobile-react'
具体的引入方式可以参考引入组件。
Props
属性 | 类型 | 默认值 | 必填 | 说明 |
---|---|---|---|---|
title | string | 否 | 标题,设置后中间显示标题文本 | |
dashed | boolean | false | 否 | 是否虚线显示 |
CSSProperties
属性 | 默认值 | 说明 |
---|---|---|
color | #bfbfbf | 文本颜色 |
borderColor | #f0f0f0 | 分割线颜色 |