DEV Community

Jan Silva
Jan Silva

Posted on

1 1

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)

profile
Docusign Developers
 Promoted

Image of Docusign

🛠️ Bring your solution into Docusign. Reach over 1.6M customers.

Docusign is now extensible. Overcome challenges with disconnected products and inaccessible data by bringing your solutions into Docusign and publishing to 1.6M customers in the App Center.

Learn more

Read next

fabbuilder profile image

Static React App Deployment with Vite

FAB Builder | Code Generation -

august_16f300feb904d11e9b profile image

Is React 19 <title> able to set default title / template?

August -

alekseiberezkin profile image

Setting up partial SSR for a React + TypeScript + webpack app from scratch

Aleksei Berezkin -

alpira profile image

🚀 Introducing Odysseus-CLI: Simplified Deployment for Laravel, React and other Applications

alpira -