Agregar una propiedad nativa para personalizar el estilo del Tooltip #250
Unanswered
gonzaojedatn
asked this question in
Ideas
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
Un partner nos consultó sobre cómo modificar el estilo del Tooltip, para evitar que se muestre a lo largo de toda la pantalla, tal como se observa en la siguiente imagen:
![image](https://private-user-images.githubusercontent.com/150063461/364601393-d8c0c598-5cd7-4d32-a33b-a7beb9e64df2.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkyNzIzODcsIm5iZiI6MTczOTI3MjA4NywicGF0aCI6Ii8xNTAwNjM0NjEvMzY0NjAxMzkzLWQ4YzBjNTk4LTVjZDctNGQzMi1hMzNiLWE3YmViOWU2NGRmMi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjExJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxMVQxMTA4MDdaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0wODE3NDBjOTM1M2ExNTY5OTM2NTAxMDVkNGM2ZWJhZWRlZjc2ZTY4NThjZjc5NWM1MWRiYmU5YjgyMDFlNDM5JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.kmJ1krxqNPtSLPgcPWb_LR-TEW-SlmwLbI_nbK3RkJM)
El objetivo es que el Tooltip pueda adaptarse de manera más adecuada y estéticamente, como se muestra en la segunda imagen.
Tras revisar la documentación y realizar diversas pruebas, no encontré una propiedad
![image](https://private-user-images.githubusercontent.com/150063461/364601368-38113081-61de-4b10-ad5b-d169edf62f70.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkyNzIzODcsIm5iZiI6MTczOTI3MjA4NywicGF0aCI6Ii8xNTAwNjM0NjEvMzY0NjAxMzY4LTM4MTEzMDgxLTYxZGUtNGIxMC1hZDViLWQxNjllZGY2MmY3MC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjExJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxMVQxMTA4MDdaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1jNjQ4NzY0Y2Q2YThiM2E4N2Q3MDM5NmMxNjNhOWRhMDg1YTQzZDFmYzJlMzMyZmNhYzJkYzY4MTRhZmM1YTExJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.JS8u3F4ZeHak0q8l6g-ItYPuLavWGuE_CmqGdfApEy4)
width
para el Tooltip que permita ajustar su estilización de la forma solicitada.Por este motivo, sugerí que utilice la biblioteca @floating-ui/react, que permite controlar y personalizar el comportamiento del Tooltip, logrando el diseño deseado por el partner:
Dado que este tipo de personalización es una necesidad recurrente, sería útil incorporar una propiedad nativa que facilite la modificación del estilo del Tooltip sin tener que recurrir a soluciones externas.
Beta Was this translation helpful? Give feedback.
All reactions