DEV Community

Jan Silva
Jan Silva

Posted on

Remove ugly blue on focus ring border from NextUI Input Component

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)