Hint

El componente Hint proporciona tooltips y pistas para otros elementos. Se puede adjuntar a botones, iconos u otros elementos de la interfaz de usuario para proporcionar contexto adicional o información cuando los usuarios pasan el cursor sobre ellos o interactúan con ellos.

Playground

Props

Ejemplos

Posiciones

Formas

Colores

Texto Largo con Ajuste

Props

Prop	Tipo	Predeterminado	Descripción
`alternateLabel`	`string`	-	Una etiqueta alternativa para mostrar cuando el comportamiento involucra un cambio de estado.
`behaviour`	`HintBehaviour`	`'hidden'`	Controla cómo y cuándo aparece la pista (e.g., `show-on-hover`, `change-on-click`).
`children`	`ReactNode`	-	El elemento que activa la pista.
`className`	`string`	-	Clases CSS adicionales.
`color`	`ThemeColor`	`'black'`	El color de fondo de la pista.
`label`	`string`	-	El contenido de texto de la pista.
`position`	`HintPosition`	`'top'`	La posición de la pista en relación con el elemento hijo.
`shape`	`HintShape`	`'round'`	La forma de la burbuja de la pista (`round`, `square`, `oblique`).
`size`	`ThemeSize`	`'normal'`	El tamaño del texto de la pista.
`wrap`	`boolean`	`false`	Si es verdadero, el texto de la pista se ajustará para caber dentro de la vista.

Ver también

Hint.css (Inspiración)