Provide large input boxes for users to enter data and information.

For proper styling, use the textarea element in addition to one of the many attributes and/or classes:

• .smallest
• .smaller
• .small
• .medium
• .large
• .larger
• .largest

Additionally, use disabled to restrict the user from interacting with the textarea.

If you also want a helper on your textarea, use <p class="input--help">Help text here.</p>

To utilize, Insert an textarea-specific atom partial called "TextAreaAtom" via an Html Helper Extension method.

@Html.TextareaAtom(TextareaTypeEnum.Base, "testTextArea")

TextArea Atom requires you specify a type via a "TextAreaTypeEnum" specification like "TextAreaTypeEnum.Disabled". You will also need to provide an Id, however, all other parameters are optional. Provide optional parameters by entering the parameter name followed by ':' and the value.

@Html.TextareaAtom(TextareaTypeEnum.Disabled, "TextAreaAlert", customClass: "testTextArea")