---
title: Divider 分割线
nav:
  title: 组件
  path: /component
group:
  title: 展示组件
  path: /show
  order: 2
---

# Divider 分割线

用于将内容分隔为多个区域的分割线组件。

## 特性

- 🎯 **多种方向** - 支持水平和垂直分割线
- 📝 **文字支持** - 可在分割线中插入文字内容
- 🎨 **样式丰富** - 支持实线、虚线多种样式
- 🎪 **位置灵活** - 文字可左、中、右对齐
- 🌈 **主题适配** - 支持浅色和深色主题
- 🔧 **高度自定义** - 支持自定义颜色、样式等

## 何时使用

- 对不同章节的文本段落进行分割
- 对行内文字/链接进行分割  
- 在表单中分组显示不同类型的信息
- 在导航菜单中分隔不同选项
- 作为页面底部的装饰性分割线

## 代码演示

### 基础用法
<code src='./__fixtures__/basicUsage.tsx'/>

### 带文字的分割线
<code src='./__fixtures__/withText.tsx'/>

### 虚线分割线
<code src='./__fixtures__/dashedLine.tsx'/>

### 自定义样式
<code src='./__fixtures__/customStyle.tsx'/>

### 实际应用场景
<code src='./__fixtures__/practicalExamples.tsx'/>

## 属性

<API src="./Divider.tsx" hideTitle></API>