DEV Community

Jan Silva
Jan Silva

Posted on

Remove ugly blue on focus ring border from NextUI Input Component

#nextjs #react #tailwindcss #nextui

I looked everywhere for this. I hope you save some time.

<Input 
    classNames={{
        inputWrapper: "group-data-[focus-visible=true]:ring-0 group-data-[focus-visible=true]:ring-offset-0"
    }}
    placeholder="write something..."
/>
Enter fullscreen mode Exit fullscreen mode

source: some guy on github

Top comments (0)

Read next

gcizman profile image

How to solve this problem in nodejs?

Gcobani Mkontwana -

ellis22 profile image

Spec Coder: The Ultimate VS Code Extension for Smarter, Faster Coding

Ellis -

priyansh_0510 profile image

Learning Next.js 13 App Router: A Comprehensive Guide 🚀

Priyansh0510 -

ngoantr profile image

opensslErrorStack: [ ‘error:03000086:digital envelope routines::initialization error’ ]

Ann -