You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
This repository has been archived by the owner on Jan 23, 2024. It is now read-only.
I use react-icons/hi (heroicons) and I've noticed that there's no good way to get those icons playing nicely with Chakra. If I use as= then the resulting creature does not accept a forwarded ref (meaning no tooltip). If I add the icon as a child, then there's a doubled viewBox setup which creates really weird results.
It would be nice to have documentation for integrating different common libraries. What are the gotchas when using each type of icon integration? How do we handle different use cases?
In this case I'm wrapping with a <Box>, and I don't know if that's what's supposed to be done for this sort of use case.
The text was updated successfully, but these errors were encountered:
Subject
Icon
Description
I use react-icons/hi (heroicons) and I've noticed that there's no good way to get those icons playing nicely with Chakra. If I use
as=
then the resulting creature does not accept a forwarded ref (meaning no tooltip). If I add the icon as a child, then there's a doubledviewBox
setup which creates really weird results.It would be nice to have documentation for integrating different common libraries. What are the gotchas when using each type of icon integration? How do we handle different use cases?
In this case I'm wrapping with a
<Box>
, and I don't know if that's what's supposed to be done for this sort of use case.The text was updated successfully, but these errors were encountered: