Navigate back to the homepage

How to remove the underline from material select in react js

Infinitbility
React
September 18th, 2021 · 1 min read
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.

1<Select
2 labelId='demo-simple-select-label'
3 id='demo-simple-select'
4 value={user.status}
5 disableUnderline
6>
7 ...
8</Select>;

Here codesandbox example,

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

Thanks for reading…

Join our email list and get notified about new content

No worries, I respect your privacy and I will never abuse your email.

Every week, on Tuesday, you will receive a list of free tutorials I made during the week (I write one every day) and news on other training products I create.

Looking For React Native Tutorial?

we are trying to create the best Tutorial for react native developers.

When you want a daily updates about React Native Tutorial or infinitbility update subscribe to our newsletter.

Read React Native Tutorial

Request New Tutorial or Article on mail [email protected]

Guide book

Guidebook: The Javascript Monorepo

Tutorials

Categories

More articles from Infinitbility

How to prevent host header injection in apache

How to prevent host header injection in apache

Host header injection testing and solution in apache

September 14th, 2021 · 1 min read
How to check password and confirm password in react native

How to check password and confirm password in react native

React Native password and confirm password validation example

September 12th, 2021 · 1 min read
© 2020–2021 Infinitbility
About
Link to $https://medium.com/infinitbilityLink to $https://www.facebook.com/InfinitbilityLink to $https://github.com/infinitbilityLink to $https://twitter.com/infinitbilityLink to $https://www.buymeacoffee.com/infinitbilityLink to $mailto:[email protected]