Divider 分割线

用于分隔不同内容区域。

基础用法

import { Divider } from '@airo-ui/react'

function Demo() {
  return (
    <>
      <p>上方内容</p>
      <Divider />
      <p>下方内容</p>
    </>
  )
}

虚线

import { Divider } from '@airo-ui/react'

function Demo() {
  return (
    <>
      <p>上方内容</p>
      <Divider dashed />
      <p>下方内容</p>
    </>
  )
}

带文字

import { Divider } from '@airo-ui/react'

function Demo() {
  return (
    <>
      <p>上方内容</p>
      <Divider>中间文字</Divider>
      <p>下方内容</p>
    </>
  )
}

API

Props

名称	类型	默认值	说明
dashed	boolean	false	是否虚线
children	ReactNode	—	分割线中间的文字内容