> ## Documentation Index
> Fetch the complete documentation index at: https://docs.twenty.com/llms.txt
> Use this file to discover all available pages before exploring further.

# OverflowingTextTooltipModeProvider

> Выберите, когда OverflowingTextWithTooltip проверяет усечение для поддерева.

## Обзор

`OverflowingTextTooltipModeProvider` задаёт, как каждый [OverflowingTextWithTooltip](https://docs.twenty.com/ru/ui/primitives/typography/overflowing-text-with-tooltip.md) внутри него обрабатывает свою подсказку. Он не отображает DOM-элемент.

**Light**

[Пример поставщика режима всплывающих подсказок для переполняющего текста (light)](https://storybook.twenty.com/iframe.html?id=ui-typography-overflowingtexttooltipmodeprovider--display\&viewMode=story\&globals=colorScheme:light)

**Dark**

[Пример поставщика режима всплывающих подсказок для переполняющего текста (dark)](https://storybook.twenty.com/iframe.html?id=ui-typography-overflowingtexttooltipmodeprovider--display\&viewMode=story\&globals=colorScheme:dark)

[Open in Storybook](https://storybook.twenty.com/?path=/story/ui-typography-overflowingtexttooltipmodeprovider--display)

## Использование

```tsx theme={null}
import {
  OverflowingTextTooltipModeProvider,
  OverflowingTextWithTooltip,
  Text,
} from 'twenty-ui/primitives/typography';

export const RecordCell = () => (
  <OverflowingTextTooltipModeProvider mode="measure-on-hover">
    <Text style={{ maxWidth: 220 }}>
      <OverflowingTextWithTooltip
        text="Quarterly account review and renewal preparation"
        isFocusable
      />
    </Text>
  </OverflowingTextTooltipModeProvider>
);
```

Наведите указатель или установите фокус на усечённой метке, чтобы прочитать её полное значение. Измените `mode` в элементах управления Storybook, чтобы сравнить, когда доступна всплывающая подсказка.

## Режимы

* `measure-on-hover`, используемый по умолчанию без провайдера, проверяет усечение при наведении указателя и фокусировке. Метка, которая помещается целиком, не мешает всплывающей подсказке родительского элемента.
* `measure-on-open` проверяет усечение, когда всплывающая подсказка пытается открыться. Используйте его для меток, которые монтируются под указателем, например для наложения при наведении, когда наведение указателя не происходит.
* `disabled` отображает только текст без каких-либо частей всплывающей подсказки. Используйте его для множества меток, на которые пользователь не может навести указатель, например для содержимого, закрытого наложением.

**Light**

[Всплывающая подсказка отключена для поддерева (light)](https://storybook.twenty.com/iframe.html?id=ui-typography-overflowingtexttooltipmodeprovider--disabled\&viewMode=story\&globals=colorScheme:light)

**Dark**

[Всплывающая подсказка отключена для поддерева (dark)](https://storybook.twenty.com/iframe.html?id=ui-typography-overflowingtexttooltipmodeprovider--disabled\&viewMode=story\&globals=colorScheme:dark)

[Open in Storybook](https://storybook.twenty.com/?path=/story/ui-typography-overflowingtexttooltipmodeprovider--disabled)

Вложенные провайдеры переопределяют режим для своего поддерева.

## Свойства

**children** `ReactNode` *required*

Content whose OverflowingTextWithTooltip instances use the mode.

**mode** `"disabled" | "measure-on-hover" | "measure-on-open"` *required*

`measure-on-hover` checks truncation on pointer entry and focus. `measure-on-open` checks it when the tooltip tries to open. `disabled` renders only the text.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.