Divider

Demo

Divider 跨端示例与演示

H5 LiveInteractive browser runtime

Order #1042Paid

Items¥299Discount−¥20

Total¥279

Delivery progress

ShippedDeparted Hangzhou center at 16:20

Estimated deliveryTomorrow before 18:00

Basic Usage

<template>
  <VDivider />
</template>

Text

<template>
  <VDivider>Text</VDivider>
  <VDivider content-position="left">
    Left
  </VDivider>
  <VDivider content-position="right">
    Right
  </VDivider>
</template>

Dashed and Vertical

<template>
  <VDivider dashed>
    Dashed
  </VDivider>
  <span>Text</span>
  <VDivider vertical />
  <span>Link</span>
</template>

Props

Prop	Type	Default	Description
contentPosition	'left' | 'center' | 'right'	'center'	Text position
dashed	boolean	false	Dashed line
hairline	boolean	true	Hairline marker
vertical	boolean	false	Vertical divider
lineColor	string	undefined	Line color
textColor	string	undefined	Text color
borderColor	string	undefined	Alias for line color
spacing	number | string	undefined	Spacing size