Readdy Write

React TextField variant settings

25.02.2021 (๐Ÿ‘4005)

React TextField variant settings

 

Material UI Form Text input with variant="outlined"

 

 

<TextField

id="ctltitle"

label="Title"

variant="outlined"

//variant="filled"

value={this.state.title}

fullWidth

color="primary"

InputLabelProps={{

shrink: true,

}}

/>

 

 

React Material UI: Textfield with variant="filled"

                            <TextField

                                id="ctltitle"

                                label="Title"

                                //variant="outlined"

                                variant="filled"

                                value={this.state.title}

                                fullWidth

                                color="primary"

                                InputLabelProps={{

                                    shrink: true,

                                }}

                            />

 

React Material UI: Textfield without  variant  Attibute

 

                            <TextField

                                id="ctltitle"

                                label="Title"

                                //variant="outlined"

                                //variant="filled"

                                value={this.state.title}

                                fullWidth

                                color="primary"

                                InputLabelProps={{

                                    shrink: true,

                                }}

                            />

 


0,00 €