Textarea

Import: @bnotk/dsx/css/textarea.css

Live Preview

Classes

Class	Description
`.dsx-textarea`	Base textarea field with outer border treatment
`.dsx-textarea--error`	Error state with icon and stronger border
`.dsx-textarea--warning`	Warning state with icon and stronger border

Examples

<div class="dsx-field">
  <label class="dsx-field__label dsx-field__label--required" for="textarea-summary">Summary</label>
  <div class="dsx-field__control">
    <textarea class="dsx-textarea" id="textarea-summary" rows="5" placeholder="Describe the request and the expected outcome."></textarea>
  </div>
  <div class="dsx-field__hint">Labels, hints, and spacing align with the existing form-field module.</div>
</div>