import{o as a,a as s,y as e}from"./vue-libs.b44bc779.js";const n={class:"van-doc-markdown-body"},d=e(`

Divider

Separate content into multiple areas.

import { createApp } from 'vue';
import { Divider } from 'vant';

const app = createApp();
app.use(Divider);

Usage

<van-divider />

<van-divider>Text</van-divider>

<van-divider content-position="left">Text</van-divider>
<van-divider content-position="right">Text</van-divider>

<van-divider dashed>Text</van-divider>

<van-divider
  :style="{ color: '#1989fa', borderColor: '#1989fa', padding: '0 16px' }"
>
  Text
</van-divider>

Attribute	Description	Type	Default
dashed	Whether to use dashed border	boolean	`false`
hairline	Whether to use hairline	boolean	`true`
content-position	Content position, can be set to `left` `right`	string	`center`

Name	Description
default	content

The component exports the following type definitions:

import type { DividerProps, DividerContentPosition } from 'vant';

The component provides the following CSS variables, which can be used to customize styles. Please refer to ConfigProvider component.

Name	Default Value	Description
--van-divider-margin	var(--van-padding-md) 0	-
--van-divider-text-color	var(--van-text-color-2)	-
--van-divider-font-size	var(--van-font-size-md)	-
--van-divider-line-height	24px	-
--van-divider-border-color	var(--van-border-color)	-
--van-divider-content-padding	var(--van-padding-md)	-
--van-divider-content-left-width	10%	-
--van-divider-content-right-width	10%	-

`,15),l=[d],h={__name:"README",setup(i,{expose:t}){return t({frontmatter:{}}),(o,c)=>(a(),s("div",n,l))}};export{h as default};