Text Area beta
A text area component allows users to input multi-line text. It is commonly used in forms and web pages for entering larger amounts of text.
Default
Section titled “Default”<ch-text-area></ch-text-area>To add a label, use the label attribute within the <ch-text-area> element.
<ch-text-area label="Label"></ch-text-area>Help text
Section titled “Help text”To add a descriptive help text, use the help-text attribute within the <ch-text-area> element.
<ch-text-area help-text="help text here"></ch-text-area>To change the number of rows, use the rows attribute within the <ch-text-area> element.
<ch-text-area rows="2"></ch-text-area>Placeholder
Section titled “Placeholder”Use the placeholder attribute within the <ch-text-area> element to add a placeholder.
<ch-text-area placeholder="Type something"></ch-text-area>Disabled
Section titled “Disabled”To disable the textarea, add the disabled attribute within the <ch-text-area> element.
<ch-text-area disabled></ch-text-area>