Breaking News: Grepper is joining You.com. Read the official announcement!

textfeidl mui

Blue Baboon answered on February 23, 2022 Popularity 8/10 Helpfulness 2/10

answer textfeidl mui

related textfelid mui

textfeidl mui

Comment

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

/**
 * @dev simple input component
 * @props placeholder for input
 */
const TextFeildComponent = (props) => {
  const classes = useStyles();
  return (
    <div>
      <TextField
        required
        id="outlined-basic"
        className={classes.input}
        placeholder={props.placeholder}
        variant="outlined"
      />
    </div>
  );
};

export default TextFeildComponent;
const useStyles = makeStyles((theme) => ({
  input: {
    border: "2px solid " + theme.palette.text.alpha,
    "& .MuiOutlinedInput-notchedOutline": {
      border: "none",
    },
    borderRadius: "5px",
    width: "100%",
  },
}));

Popularity 8/10 Helpfulness 2/10 Language whatever

Source: Grepper

Tags: mui whatever

Link to this answer
Share Copy Link

Contributed on Feb 23 2022

Blue Baboon

0 Answers Avg Quality 2/10

Closely Related Answers

textfelid mui

Comment

 "& .MuiOutlinedInput-notchedOutline": {
      border: "none",
    },

Popularity 8/10 Helpfulness 1/10 Language whatever

Source: Grepper

Tags: mui whatever w

Link to this answer
Share Copy Link

Contributed on Feb 23 2022

Blue Baboon

0 Answers Avg Quality 2/10

textfeidl mui

Contents

More Related Answers

textfeidl mui

Closely Related Answers

textfelid mui

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.