Proveedor de modo de información sobre herramientas para texto desbordado

​

Resumen

​

”Uso”

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

​

Modos

• measure-on-hover, el valor predeterminado sin un proveedor, comprueba el truncamiento al entrar con el puntero y al recibir el foco. Una etiqueta que cabe no interfiere con el tooltip de un elemento principal.
• measure-on-open comprueba el truncamiento cuando el tooltip intenta abrirse. Úsalo para etiquetas que se montan bajo el puntero, como una superposición al pasar el cursor, donde no se produce ninguna entrada del puntero.
• disabled representa solo el texto, sin ninguna parte del tooltip. Úsalo para muchas etiquetas sobre las que un usuario no puede pasar el cursor, como contenido cubierto por una superposición.

​

”Props”