Name: Remove ugly blue on focus ring border from NextUI Input Component
Rating: 1.9 (5873 reviews)
Author: janjitsu

Remove ugly blue on focus ring border from NextUI Input Component

Jan Silva - Jul 12 -

- Dev Community

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..."
/>

source: some guy on github