TextArea

readyNot reviewed for a11y
This page may be removed. Primer plans to move all Rails component documentation to Lookbook.
The TextArea component is part of the Primer ViewComponents forms framework. If you are building a form, please consider using the framework instead of this standalone component.

Description

Text areas are multi-line text inputs rendered using the <textarea> tag in HTML.

Arguments

NameRequiredDescription
full_width
Boolean

When set to true, the field will take up all the horizontal space allowed by its container. Defaults to true.

name
String

Value for the HTML name attribute.

id
String

Value for the HTML id attribute.

class
String

CSS classes to include in the input's HTML class attribute. Exists for compatibility with Rails form builders.

classes
Array

CSS classes to include in the input's HTML class attribute. Combined with the :class argument. The list may contain strings, hashes, or nil values, and is automatically cleaned up by Primer's class_name helper (nils, falsy entries, and blank strings are ignored).

caption
String

A string describing the field and what sorts of input it expects. Displayed below the input.

label
String

Label text displayed above the input.

visually_hide_label
Boolean

When set to true, hides the label. Although the label will be hidden visually, it will still be visible to screen readers.

disabled
Boolean

When set to true, the input will not accept keyboard or mouse input.

hidden
Boolean

When set to true, visually hides the field.

invalid
Boolean

If set to true, the input will be rendered with a red border. Implied if validation_message is truthy. This option is set to true automatically if the model object associated with the form reports that the input is invalid via Rails validations. It is provided for cases where the form does not have an associated model. If the input is invalid as determined by Rails validations, setting invalid to false will have no effect.

validation_message
String

A string displayed between the caption and the input indicating the input's contents are invalid. This option is, by default, set to the first Rails validation message for the input (assuming the form is associated with a model object). Use validation_message to override the default or to provide a validation message in case there is no associated model object.

label_arguments
Hash

Attributes that will be passed to Rails' builder.label method. These can be HTML attributes or any of the other label options Rails supports. They will appear as HTML attributes on the <label> tag.

scope_name_to_model
Boolean

Default true. When set to false, prevents the model name from prefixing the field name. For example, if the field name is my_field, Rails will normally emit an HTML name attribute of model[my_field]. Setting scope_name_to_model to false will cause Rails to emit my_field instead.

scope_id_to_model
Boolean

Default true. When set to false, prevents the model name from prefixing the field ID. For example, if the field name is my_field, Rails will normally emit an HTML ID attribute of model_my_field. Setting scope_id_to_model to false will cause Rails to emit my_field instead.

required
Boolean

Default false. When set to true, causes an asterisk (*) to appear next to the field's label indicating it is a required field. Note that this option explicitly does not add a required HTML attribute. Doing so would enable native browser validations, which are inaccessible and inconsistent with the Primer design system.

aria
Hash

Key/value pairs that represent Aria attributes and their values. Eg. aria: { current: true } becomes aria-current="true".

data
Hash

Key/value pairs that represent data attributes and their values. Eg. data: { foo: "bar" } becomes data-foo="bar".

system_arguments
Hash

A hash of attributes passed to the underlying Rails builder methods. These options may mean something special depending on the type of input, otherwise they are emitted as HTML attributes. See the Rails documentation for more information. In addition, the usual Primer utility arguments are accepted in system arguments. For example, passing mt: 2 will add the mt-2 class to the input. See the Primer system arguments docs for details.