# Divider
Used to separate content into sections.
# Code Demo
# Basic usage
<press-divider />
# Using hairlines
<press-divider hairline />
# dotted line
<press-divider dashed />
# text position
<press-divider contentPosition="center">text</press-divider>
<press-divider contentPosition="left">text</press-divider>
<press-divider contentPosition="right">text</press-divider>
# Custom attributes
<press-divider contentPosition="center" textColor="#1989fa">text color</press-divider>
<press-divider contentPosition="center" borderColor="#1989fa">
border color
</press-divider>
<press-divider contentPosition="center" fontSize="18">font size</press-divider>
# Custom styles
<press-divider
contentPosition="center"
customStyle="color: #1989fa; border-color: #1989fa; font-size: 18px;"
>
text
</press-divider>
# API
# Props
| Parameter | Description | Type | Default |
|---|---|---|---|
| dashed | dashed line | boolean | false |
| hairline | hairline | boolean | false |
| content-position | text position, left center right | string | - |
| custom-style | custom style | string | - |
# Slot
| Name | Description |
|---|---|
| default | custom text content |
# Theme customization
--divider-margin：
--divider-text-color：
--divider-font-size：
--divider-line-height：
--divider-border-color：
--divider-content-padding：
--divider-content-left-width：
--divider-content-right-width：