KDivider

The dividing line that separates the content.

Install

pnpm

pnpm add @ikun-ui/divider

yarn

yarn add @ikun-ui/divider

npm

npm install @ikun-ui/divider

Basic usage

Divide the text of different paragraphs.

Custom content

You can customize the content on the divider line.

Line Style

You can set the style of divider.

Vertical divider

Divider Props

Name	Type	Default	Description
direction	horizontal / vertical	horizontal	Set divider's direction.
borderColor	string	'b-ikun-bd-base'	divider's line color.
borderStyle	dotted | dashed | solid | double | groove | ridge | inset | outset	solid	divider's line style.
contentPosition	left / center / right	center	the position of the customized content on the divider line.
cls	string	-	Additional class for component
attrs	Record<string, string>	{}	Additional attributes

Divider Slots

Name	Description
default	customized content on the divider line.