Seeking guidance on adjusting vertical alignment of text in <TextField />
const styles = theme => ({
height: {
height: '20rem',
},
});
class Foo extends React.component {
...
<TextField
InputProps={{ classes: { root: this.props.classes.height } }}
label="Kittens"
placeholder="Meooow"
fullWidth={true}
margin="normal"
variant="outlined"
notched={true}
value={this.state.kittyCat}
onChange={event => this.onChangeKittens(event)}
multiline={true} />
}
The height property successfully increases the size of the <TextField />. However, I am looking to adjust the vertical alignment of the text within the <TextField />.
Can anyone provide insight on how I can achieve this desired vertical alignment?