How to change the background color of the input in NextUI

Question

I'am trying to change the background color of the Input component from NextUi. I already tried to use styled but no luck.

What can i do?

Answer 1

You can change the background color of the input using the css property and modifying the $$inputColor variable, as follows:

import { Input } from "@nextui-org/react";

export default function App() {
  return <Input placeholder="Next UI" css={{ $$inputColor: "#330025" }} />;
}

Here's a Codesandbox -> https://codesandbox.io/s/nextui-input-custom-background-5d83on?file=/App.js:0-154