---
description: Компонент для визуального выделения фрагментов текста.
---

<Overview group="typography">

# Mark [tag:component]

Компонент для визуального выделения фрагментов текста. Используется в поисковых результатах,
цитатах и других сценариях, где требуется акцентировать внимание на определённых словах или фразах.

</Overview>

{/* @example-description: Базовое выделение фрагмента текста компонентом `Mark`. */}
<Playground>
  ```jsx
  <Text>
    Что? <Mark>Где</Mark>? Когда?
  </Text>
  ```
</Playground>

## Особенности

- Наследует все свойства HTML-элемента `<div>`.
- Стандартное выделение через фон, цвет текста наследуется.
- Поддерживает многострочное выделение.
- Совместим с любым текстовым контентом.

## Рекомендации

- Не используйте для интерактивных элементов.
- Сочетайте с текстовыми компонентами ([`Text`](/components/typography#text), [`Headline`](/components/typography#headline), [`Paragraph`](/components/typography#paragraph)).

## Доступность (a11y) [#a11y]

Используется стандартный тэг `mark` для семантического обозначения выделенного текста.

## Свойства и методы [#api]

| Свойство | Тип | По умолчанию | Описание |
| --- | --- | --- | --- |
| `getRootRef` | `Ref<HTMLDivElement>` | `-` |  |