Material Ui TextField remove bottom border

Question

i am using material ui for my project and this is my textField text field reality

as you can see there is an bottom border underline it, but i want to remove it completely, previously i usually use border: "0px" but i dont know how to customize it, this is what i want

text field expectation

thank for your time to help me out, highly appreciate your effort, hope you have a good day

you can edit in this codesandbox link: codesanboxlink

Answer 1

for this case you can import InputBase from material-ui

import InputBase from '@material-ui/core/InputBase';

you can see your example at codesandbox codesandboxlink