Text area

Preview 
<div class="textarea ">
    <label class="textarea__label" for="textarera1">Pealkiri</label>
    <div class="textarea__control">
        <textarea class="textarea__input" name="" placeholder="Kirjuta midagi" id="textarera1"></textarea>
        <div class="textarea__notice">See on vabatekstiväli</div>
    </div>
</div>
 
{
  "label": "Pealkiri",
  "id": "textarera1",
  "placeholder": "Kirjuta midagi",
  "helpText": "See on vabatekstiväli"
}

Inline

Preview 
<div class="textarea textarea--inline">
    <label class="textarea__label" for="textarera1">Pealkiri</label>
    <div class="textarea__control">
        <textarea class="textarea__input" name="" placeholder="Kirjuta midagi" id="textarera1"></textarea>
        <div class="textarea__notice">See on vabatekstiväli</div>
    </div>
</div>
 
{
  "label": "Pealkiri",
  "id": "textarera1",
  "placeholder": "Kirjuta midagi",
  "helpText": "See on vabatekstiväli",
  "modifiers": "textarea--inline"
}

Error

Preview 
<div class="textarea is-error">
    <label class="textarea__label" for="textarera1">Pealkiri</label>
    <div class="textarea__control">
        <textarea class="textarea__input" name="" placeholder="Kirjuta midagi" id="textarera1"></textarea>
        <div class="textarea__notice">See on vabatekstiväli</div>
    </div>
</div>
 
{
  "label": "Pealkiri",
  "id": "textarera1",
  "placeholder": "Kirjuta midagi",
  "helpText": "See on vabatekstiväli",
  "modifiers": "is-error"
}

Keskmine

Preview 
<div class="textarea textarea--medium">
    <label class="textarea__label" for="textarera1">Pealkiri</label>
    <div class="textarea__control">
        <textarea class="textarea__input" name="" placeholder="Kirjuta midagi" id="textarera1"></textarea>
        <div class="textarea__notice">See on vabatekstiväli</div>
    </div>
</div>
 
{
  "label": "Pealkiri",
  "id": "textarera1",
  "placeholder": "Kirjuta midagi",
  "helpText": "See on vabatekstiväli",
  "modifiers": "textarea--medium"
}

Väike

Preview 
<div class="textarea textarea--small">
    <label class="textarea__label" for="textarera1">Pealkiri</label>
    <div class="textarea__control">
        <textarea class="textarea__input" name="" placeholder="Kirjuta midagi" id="textarera1"></textarea>
        <div class="textarea__notice">See on vabatekstiväli</div>
    </div>
</div>
 
{
  "label": "Pealkiri",
  "id": "textarera1",
  "placeholder": "Kirjuta midagi",
  "helpText": "See on vabatekstiväli",
  "modifiers": "textarea--small"
}

Eriti väike

Preview 
<div class="textarea textarea--xsmall">
    <label class="textarea__label" for="textarera1">Pealkiri</label>
    <div class="textarea__control">
        <textarea class="textarea__input" name="" placeholder="Kirjuta midagi" id="textarera1"></textarea>
        <div class="textarea__notice">See on vabatekstiväli</div>
    </div>
</div>
 
{
  "label": "Pealkiri",
  "id": "textarera1",
  "placeholder": "Kirjuta midagi",
  "helpText": "See on vabatekstiväli",
  "modifiers": "textarea--xsmall"
}