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

# Proveedor de modo de información sobre herramientas para texto desbordado

> Elige cuándo OverflowingTextWithTooltip comprueba el truncamiento de un subárbol.

## Resumen

`OverflowingTextTooltipModeProvider` establece cómo cada [OverflowingTextWithTooltip](https://docs.twenty.com/es/ui/primitives/typography/overflowing-text-with-tooltip.md) dentro de él maneja su información sobre herramientas. No representa ningún elemento DOM.

**Light**

[Ejemplo de proveedor de modo de información sobre herramientas para texto desbordado (light)](https://storybook.twenty.com/iframe.html?id=ui-typography-overflowingtexttooltipmodeprovider--display\&viewMode=story\&globals=colorScheme:light)

**Dark**

[Ejemplo de proveedor de modo de información sobre herramientas para texto desbordado (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)

## "Uso"

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

Pasa el cursor por encima de la etiqueta truncada o selecciónala para leer su valor completo. Cambia `mode` en los controles de Storybook para comparar cuándo está disponible la información sobre herramientas.

## Modos

* `measure-on-hover`, el valor predeterminado sin un proveedor, comprueba el truncamiento al entrar con el puntero y al recibir el foco. Una etiqueta que cabe no interfiere con el tooltip de un elemento principal.
* `measure-on-open` comprueba el truncamiento cuando el tooltip intenta abrirse. Úsalo para etiquetas que se montan bajo el puntero, como una superposición al pasar el cursor, donde no se produce ninguna entrada del puntero.
* `disabled` representa solo el texto, sin ninguna parte del tooltip. Úsalo para muchas etiquetas sobre las que un usuario no puede pasar el cursor, como contenido cubierto por una superposición.

**Light**

[Información sobre herramientas deshabilitada para un subárbol (light)](https://storybook.twenty.com/iframe.html?id=ui-typography-overflowingtexttooltipmodeprovider--disabled\&viewMode=story\&globals=colorScheme:light)

**Dark**

[Información sobre herramientas deshabilitada para un subárbol (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)

Los proveedores anidados anulan el modo para su subárbol.

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