1

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?

juliomalves
  • 42,130
  • 20
  • 150
  • 146
Bruno Ramos
  • 29
  • 6

1 Answers1

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

DharmanBot
  • 1,066
  • 2
  • 6
  • 10
Junior Garcia
  • 19
  • 2