Menu

Textarea - With error message

<div class="c-input-error">
<label class="c-label" for="id">Label</label>
<textarea class="c-input c-input--textarea" name="name" placeholder="Placeholder" id="id" required ></textarea>
<div class="c-input-message">This field is required</div>
</div>
{
"label": "Label",
"name": "name",
"id": "id",
"placeholder": "Placeholder",
"required": true,
"error": "This field is required"
}

Props

Name Type Description
label string
id string ID attribute
name string Name attribute (falls back to ID)
type string Defaults to text
placeholder string
required bool