Concorde UI component — Textarea. Native attibutes list Doc ID: core/components/ui/form/textarea/textarea. Keywords: Concorde, supersoniks, core/components/ui/form/textarea/textarea, textarea, Textarea, UI component, form, sonic-textarea, web component. URL: https://concorde.supersoniks.org/crawl/core/components/ui/form/textarea/textarea.html.

Textarea

Label

<sonic-textarea label="Label"></sonic-textarea>

Placeholder

<sonic-textarea placeholder="placeholder"></sonic-textarea>

Value

<sonic-textarea value="value"></sonic-textarea>

Required

<sonic-textarea required label="Feedback on blur" placeholder="required" ></sonic-textarea>

Rows

<sonic-textarea rows="8"></sonic-textarea>

Description

<sonic-textarea  description="Description goes here" ></sonic-textarea>

Size

<div class="grid gap-4">
    <sonic-textarea size="2xs" value="2xs"></sonic-textarea>
    <sonic-textarea size="xs" value="xs"></sonic-textarea>
    <sonic-textarea size="sm" value="sm"></sonic-textarea>
    <sonic-textarea value="md / default"></sonic-textarea>
    <sonic-textarea size="lg" value="lg"></sonic-textarea>
    <sonic-textarea size="xl" value="xl"></sonic-textarea>
    <sonic-textarea size="2xl" value="2xl"></sonic-textarea>
  </div>