> ## 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.

# Furnizor de mod pentru indicația contextuală a textului care depășește

> Alegeți când OverflowingTextWithTooltip verifică trunchierea pentru un subarbore.

## Prezentare generală

`OverflowingTextTooltipModeProvider` stabilește cum fiecare [OverflowingTextWithTooltip](https://docs.twenty.com/ro/ui/primitives/typography/overflowing-text-with-tooltip.md) din interiorul său gestionează indicația contextuală. Nu redă niciun element DOM.

**Light**

[Exemplu de furnizor de mod pentru tooltipul textului care depășește spațiul disponibil (light)](https://storybook.twenty.com/iframe.html?id=ui-typography-overflowingtexttooltipmodeprovider--display\&viewMode=story\&globals=colorScheme:light)

**Dark**

[Exemplu de furnizor de mod pentru tooltipul textului care depășește spațiul disponibil (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)

## Utilizare

```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>
);
```

Treceți cu cursorul peste sau focalizați eticheta trunchiată pentru a-i citi valoarea completă. Modificați `mode` în controalele Storybook pentru a compara când este disponibil tooltipul.

## Moduri

* `measure-on-hover`, modul implicit fără un furnizor, verifică trunchierea la intrarea cursorului și la focalizare. O etichetă care încape nu împiedică afișarea unui indiciu părinte.
* `measure-on-open` verifică trunchierea atunci când indiciul încearcă să se deschidă. Utilizați-l pentru etichete care se montează sub cursor, cum ar fi o suprapunere la trecerea cursorului, unde nu are loc intrarea cursorului.
* `disabled` redă numai textul, fără nicio parte a indiciului. Utilizați-l pentru multe etichete peste care un utilizator nu poate trece cu cursorul, cum ar fi conținutul acoperit de o suprapunere.

**Light**

[Tooltip dezactivat pentru un subarbore (light)](https://storybook.twenty.com/iframe.html?id=ui-typography-overflowingtexttooltipmodeprovider--disabled\&viewMode=story\&globals=colorScheme:light)

**Dark**

[Tooltip dezactivat pentru un subarbore (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)

Furnizorii imbricați suprascriu modul pentru subarborele lor.

## Proprietăți

**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.