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 отображает только текст без каких-либо частей всплывающей подсказки. Используйте его для множества меток, на которые пользователь не может навести указатель, например для содержимого, закрытого наложением.

​

Свойства