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

属性类型默认值必填说明
titlestring标题,设置后中间显示标题文本
dashedbooleanfalse是否虚线显示

CSSProperties

属性默认值说明
color#bfbfbf文本颜色
borderColor#f0f0f0分割线颜色