Skip to main content

​
Panoramica

OverflowingTextTooltipModeProvider imposta il modo in cui ogni OverflowingTextWithTooltip al suo interno gestisce il proprio tooltip. Non esegue il rendering di alcun elemento DOM.

​
Utilizzo

Passa il mouse sopra o seleziona l’etichetta troncata per leggerne il valore completo. Modifica mode nei controlli di Storybook per confrontare quando il tooltip è disponibile.

​
Modalità

  • measure-on-hover, il valore predefinito senza un provider, verifica il troncamento all’ingresso del puntatore e al focus. Un’etichetta che si adatta non intralcia il tooltip del genitore.
  • measure-on-open verifica il troncamento quando il tooltip tenta di aprirsi. Usalo per le etichette che vengono montate sotto il puntatore, ad esempio una sovrapposizione al passaggio del mouse, dove non si verifica alcun ingresso del puntatore.
  • disabled esegue il rendering solo del testo, senza alcuna parte del tooltip. Usalo per molte etichette su cui un utente non può passare il mouse, ad esempio contenuti coperti da una sovrapposizione.
I provider annidati sovrascrivono la modalità per il proprio sottoalbero.

​
Props

​
ReactNode
required
Content whose OverflowingTextWithTooltip instances use the 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.