text area 

<!-- Default -->
<textarea type="text" id="textarea01" placeholder="Placeholder" class="textarea is-default"></textarea>

<!-- Hover -->
<textarea type="text" id="textarea02" placeholder="Hover" class="textarea is-hover"></textarea>

<!-- Focus -->
<textarea type="text" id="textarea03" placeholder="Focus" class="textarea is-focus"></textarea>

<!-- Filled -->
<textarea type="text" id="textarea04" placeholder="" class="textarea is-filled"></textarea>

<!-- Error -->
<textarea type="text" id="textarea05" placeholder="Error" class="textarea is-error"></textarea>

<!-- Success -->
<textarea type="text" id="textarea06" placeholder="Success" class="textarea is-success"></textarea>

<!-- Disabled -->
<textarea type="text" id="textarea07" placeholder="Disabled" class="textarea is-disabled" disabled></textarea>

<textarea type="text" id="{{id}}" placeholder="{{placeholder}}" class="textarea is-{{modifier}}" {{#if disabled}}disabled{{/if}}></textarea>
 
/* Default */
{
  "value": "",
  "id": "textarea01",
  "name": "radio01",
  "placeholder": "Placeholder",
  "modifier": "default"
}

/* Hover */
{
  "value": "",
  "id": "textarea02",
  "name": "radio01",
  "placeholder": "Hover",
  "modifier": "hover"
}

/* Focus */
{
  "value": "",
  "id": "textarea03",
  "name": "radio01",
  "placeholder": "Focus",
  "modifier": "focus"
}

/* Filled */
{
  "value": "Filled",
  "id": "textarea04",
  "name": "radio01",
  "placeholder": null,
  "modifier": "filled"
}

/* Error */
{
  "value": "",
  "id": "textarea05",
  "name": "radio01",
  "placeholder": "Error",
  "modifier": "error"
}

/* Success */
{
  "value": "",
  "id": "textarea06",
  "name": "radio01",
  "placeholder": "Success",
  "modifier": "success"
}

/* Disabled */
{
  "value": "",
  "id": "textarea07",
  "name": "radio01",
  "placeholder": "Disabled",
  "modifier": "disabled",
  "disabled": true
}

There are no notes for this item.