0

How to remove default box-shadow in Chakra UI?

I'm using Chakra UI library for my project (React/Next.js). Not allowed to use a separate CSS file and have to avoid much "clear" CSS in my current application. The focused links get a blue "outline" - Chakra adds a box-shadow to them. What is the best way to do it? Two ones I've seen in net: 1. To add boxShadow="none !important" to each Link. 2. To use a "focus-visible" package.

4th Feb 2022, 8:28 AM
Sona Sarkisian
Sona Sarkisian - avatar
1 Odpowiedź
0
I've found an easier solution, if someone needs it: https://code.sololearn.com/WWR3b98s1LW4/?ref=app
4th Feb 2022, 8:45 AM
Sona Sarkisian
Sona Sarkisian - avatar