/Javascript/React/TextField input font color React Material UI

TextField input font color React Material UI

import React from "react";
import { makeStyles } from "@material-ui/core/styles";
import TextField from "@material-ui/core/TextField";

const useStyles = makeStyles({
  input: {
    color: "blue"
  }
});

export default function App() {
  const classes = useStyles();

  return (
    <TextField
      inputProps={{ className: classes.input }}
      id="outlined-basic"
      label="Write something..."
      variant="outlined"
    />
  );
}

Source: thewebdev.info

Similar codes

32 votes358 views2 answers
Npm react router dom@5
Javascript React
0 vote447 views3 answers
SyntaxError: /mnt/c/myAppFile/hello-rails-react/app/javascript/components/Greeting.js: Support for the experimental syntax 'jsx' isn't currently enabled rails
Javascript React
0 vote413 views1 answer
Enzynme not support react 17
Javascript React
0 vote410 views1 answer
Cannot read properties of undefined (reading 'length') selectionlist react native
Javascript React
48 votes417 views6 answers
Comment in react
Javascript React
0 vote417 views1 answer
React native webview postmessage example
Javascript React
0 vote424 views1 answer
Reactjs add border to the table row
Javascript React
0 vote380 views1 answer
Images not displaying in react
Javascript React
0 vote392 views2 answers
React material ui
Javascript React
42 votes375 views3 answers
React onchange multiple functions
Javascript React