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

> Scegli quando OverflowingTextWithTooltip verifica il troncamento per un sottoalbero.

## Panoramica

`OverflowingTextTooltipModeProvider` imposta il modo in cui ogni [OverflowingTextWithTooltip](https://docs.twenty.com/it/ui/primitives/typography/overflowing-text-with-tooltip.md) al suo interno gestisce il proprio tooltip. Non esegue il rendering di alcun elemento DOM.

**Light**

[Esempio del provider della modalità tooltip per testo con overflow (light)](https://storybook.twenty.com/iframe.html?id=ui-typography-overflowingtexttooltipmodeprovider--display\&viewMode=story\&globals=colorScheme:light)

**Dark**

[Esempio del provider della modalità tooltip per testo con overflow (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)

## Utilizzo

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

Passa il mouse sopra o seleziona l'etichetta troncata per leggerne il valore completo. Modifica `mode` nei controlli di Storybook per confrontare quando il tooltip è disponibile.

## Modalità

* `measure-on-hover`, il valore predefinito senza un provider, verifica il troncamento all'ingresso del puntatore e al focus. Un'etichetta che si adatta non intralcia il tooltip del genitore.
* `measure-on-open` verifica il troncamento quando il tooltip tenta di aprirsi. Usalo per le etichette che vengono montate sotto il puntatore, ad esempio una sovrapposizione al passaggio del mouse, dove non si verifica alcun ingresso del puntatore.
* `disabled` esegue il rendering solo del testo, senza alcuna parte del tooltip. Usalo per molte etichette su cui un utente non può passare il mouse, ad esempio contenuti coperti da una sovrapposizione.

**Light**

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

**Dark**

[Tooltip disabilitato per un sottoalbero (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)

I provider annidati sovrascrivono la modalità per il proprio sottoalbero.

## Props

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