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