Furnizor de mod pentru indicația contextuală a textului care depășește

​

Prezentare generală

​

Utilizare

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

​

Moduri

• measure-on-hover, modul implicit fără un furnizor, verifică trunchierea la intrarea cursorului și la focalizare. O etichetă care încape nu împiedică afișarea unui indiciu părinte.
• measure-on-open verifică trunchierea atunci când indiciul încearcă să se deschidă. Utilizați-l pentru etichete care se montează sub cursor, cum ar fi o suprapunere la trecerea cursorului, unde nu are loc intrarea cursorului.
• disabled redă numai textul, fără nicio parte a indiciului. Utilizați-l pentru multe etichete peste care un utilizator nu poate trece cu cursorul, cum ar fi conținutul acoperit de o suprapunere.

​

Proprietăți