When working with React state, I am passing a list and calling the component where needed.
comments: {
elementLabel: "Comments",
elementType: 'textarea',
className: "form-control",
elementConfig: {
placeholder: "comments",
name: "comments",
id: "comments",
},
value: '',
rows: "5",
cols: 5,
form_value: "",
validation: {
},
valid: false,
touched: false,
isChanged: true,
errorMessage: "",
changed: (event) => this.inputChangedHandler(event, "comments"),
blured: (event) => this.inputBlurHandler(event, "comments")
},
If the below value is called, I want to set the following in the class:
.form-control {
height: 34px !important;
} instead of this i want to set `80px`
The full SCSS class can be found here. How can I achieve this? If I try to add a new class and render it with a div, it does not make any changes as it gets overwritten back.
<div className="form-row mb-3">
<div className="col-md-12">
<div className="ftm-form">
<Input
className="form-control-height"
{...this.state.comments}
/>
</div>
</div>
</div>
Before changes enter image description here After your changes enter image description here