OverflowingTextTooltipModeProvider

​

نظرة عامة

​

استخدام

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

​

الأوضاع

• measure-on-hover، وهو الوضع الافتراضي دون موفر، يتحقق من الاقتطاع عند دخول المؤشر وعند التركيز. يبقى التصنيف الملائم بعيدًا عن تلميح الأداة الخاص بالعنصر الأب.
• يتحقق measure-on-open من الاقتطاع عندما يحاول تلميح الأداة الفتح. استخدمه للتصنيفات التي تُركَّب تحت المؤشر، مثل تراكب التمرير، حيث لا يحدث دخول للمؤشر.
• يعرض disabled النص فقط، من دون أي أجزاء من تلميح الأداة. استخدمه للعديد من التصنيفات التي لا يمكن للمستخدم التمرير فوقها، مثل المحتوى المغطى بتراكب.

​

الإزاحة