---
title: HightLightText 文本高亮
nav:
  title: 组件
  path: /component
group:
  title: 基础组件
  path: /basic
---

# HightLightText 文本高亮

用于在文本中高亮显示指定的关键词。

## 何时使用

- 搜索结果中需要高亮显示关键词
- 文档或文章中需要突出显示重要内容
- 标签或分类中需要高亮匹配项
- 需要在长文本中快速定位特定内容

## 代码演示

### 基础用法

<code src="./__fixtures__/basicUsage.tsx" title="基础用法"></code>

### 搜索场景

<code src="./__fixtures__/searchUsage.tsx" title="搜索场景"></code>

### 列表场景

<code src="./__fixtures__/listUsage.tsx" title="列表场景"></code>

### 特殊字符处理

<code src="./__fixtures__/specialUsage.tsx" title="特殊字符处理"></code>

<API src="./HightLightText.tsx"></API>