Textarea

Examples

Textarea

<div class="text-center">
  <dv-textarea placeholder="Type here" />
</div>
vue

Textarea with border

<div class="text-center">
  <dv-textarea border placeholder="Type here" />
</div>
vue

Ghost (no background)

<div class="text-center">
  <dv-textarea variant="ghost" placeholder="Type here" />
</div>
vue

Textarea with colors

<div class="text-center">
  <dv-textarea variant="primary" placeholder="primary color" />
  <div class="py-1" />
  <dv-textarea variant="secondary" placeholder="secondary color" />
  <div class="py-1" />
  <dv-textarea variant="accent" placeholder="accent color" />
  <div class="py-1" />
  <dv-textarea variant="info" placeholder="info color" />
  <div class="py-1" />
  <dv-textarea variant="success" placeholder="success color" />
  <div class="py-1" />
  <dv-textarea variant="warning" placeholder="warning color" />
  <div class="py-1" />
  <dv-textarea variant="error" placeholder="error color" />
</div>
vue

Textarea

Attributes

namedescriptiontypedefault
varianttextarea color typeneutral, primary, secondary, accent, info, success, warning, error, ghostneutral
bordertextarea borderbooleantrue