MultiLine Text Box
UIMultiLineTextBox
Styles
<UIMultiLineTextBox className="multi-line-form"
label="Embed Code"
value="Sample\nUIMultiLineInput"
placeholder="Multiline placeholder"
onChange={(evt) => {this.setState({embedCodeValue: evt.target.value})}
value={embedCodeValue}
footerMessage={"validation error"}
validationState={"error"}
rows={10}
/>
Using this Component
You should use this component when you need to input a textarea element but need a label and validation styles attached to it. Essentially when ever you need a textarea in an input form.
Structure
Behavior
<UIMultiLineTextBox className="multi-line-form"
label="Embed Code"
footerMessage={"This field is required"}
validationState={"error"}
rows={10}
/>
Related Components
Playground Coming Soon!
Styles
<UIMultiLineTextBox className="multi-line-form"
label="Embed Code"
value="Sample\nUIMultiLineInput"
placeholder="Multiline placeholder"
onChange={(evt) => {this.setState({embedCodeValue: evt.target.value})}
value={embedCodeValue}
footerMessage={"validation error"}
validationState={"error"}
rows={10}
/>
Using this Component
You should use this component when you need to input a textarea element but need a label and validation styles attached to it. Essentially when ever you need a textarea in an input form.
Structure
Behavior
<UIMultiLineTextBox className="multi-line-form"
label="Embed Code"
footerMessage={"This field is required"}
validationState={"error"}
rows={10}
/>