block display material ui textfield code example
Example 1: material ui textfield with icon button
// imports
import IconButton from "@material-ui/core/IconButton";
import InputAdornment from "@material-ui/core/InputAdornment";
import SearchIcon from "@material-ui/icons/Search";
// render
<TextField
label="With normal TextField"
InputProps={{
endAdornment: (
<InputAdornment>
<IconButton>
<SearchIcon />
</IconButton>
</InputAdornment>
)
}}
/>
Example 2: material ui width textfield
// Option 1
<TextField style ={{width: '100%'}} />
// Option 2
<TextField fullWidth />