How to remove the underline from material select in react js

Hello Friends 👋,

Welcome To Infinitbility! ❤️

React Material Ui provides a great UI Component and Select is one of those. As we know in Select design have to underline but in any case, we want to remove the underline.

Today, we are going to remove the underline from React Material Ui.

Let’s start today tutorial How to remove the underline from material select in react js

React Material Ui provides disableUnderline props to remove the underline from the material-UI select component.

Let see how we can implement disableUnderline in react material-UI select component.

<Select
    labelId='demo-simple-select-label'
    id='demo-simple-select'
    value={user.status}
    disableUnderline
> 
   ...
</Select>;

Here codesandbox example,

https://codesandbox.io/s/disable-underline-xulxq?file=/src/Dropdown.jsx

Thanks for reading…