> ## 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
> Choose when OverflowingTextWithTooltip checks truncation for a subtree.
export const StoryEmbed = ({storyId, title, height = 120}) => <>
Open in Storybook
;
`OverflowingTextTooltipModeProvider` sets how every [OverflowingTextWithTooltip](/ui/primitives/typography/overflowing-text-with-tooltip) inside it handles its tooltip. It renders no DOM element.
## Usage
```tsx theme={null}
import {
OverflowingTextTooltipModeProvider,
OverflowingTextWithTooltip,
Text,
} from 'twenty-ui/primitives/typography';
export const RecordCell = () => (
);
```
Hover or focus the truncated label to read its full value. Change `mode` in the Storybook controls to compare when the tooltip is available.
## Modes
* `measure-on-hover`, the default without a provider, checks truncation on pointer entry and focus. A label that fits stays out of the way of a parent tooltip.
* `measure-on-open` checks truncation when the tooltip tries to open. Use it for labels that mount under the pointer, such as a hover overlay, where no pointer entry happens.
* `disabled` renders only the text, without any tooltip parts. Use it for many labels that a user cannot hover, such as content covered by an overlay.
Nested providers override the mode for their subtree.
## Props
Content whose OverflowingTextWithTooltip instances use the mode.
`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.