<!-- Default -->
<input type="text" id="myfield" required="required" aria-required="true" placeholder="This is a text field" class="input-simple xs">

<!-- Input S -->
<input type="text" id="myfield" required="required" aria-required="true" placeholder="This is a text field" class="input-simple s">

<!-- Input M -->
<input type="text" id="myfield" required="required" aria-required="true" placeholder="This is a text field" class="input-simple m">

<!-- Input L -->
<input type="text" id="myfield" required="required" aria-required="true" placeholder="This is a text field" class="input-simple l">

<!-- Input Xl -->
<input type="text" id="myfield" required="required" aria-required="true" placeholder="This is a text field" class="input-simple xl">

<!-- Input Xxl -->
<input type="text" id="myfield" required="required" aria-required="true" placeholder="This is a text field" class="input-simple xxl">

<!-- Disabled -->
<input type="text" id="myfield" required="required" aria-required="true" placeholder="This is a disabled text field" class="input-simple m" disabled>

<!-- Default -->
<input type="text" id="{{ field_id }}" required="required" aria-required="true" placeholder="This is a text field" class="input-simple {{ class_input_size }}">

<!-- Input S -->
<input type="text" id="{{ field_id }}" required="required" aria-required="true" placeholder="This is a text field" class="input-simple {{ class_input_size }}">

<!-- Input M -->
<input type="text" id="{{ field_id }}" required="required" aria-required="true" placeholder="This is a text field" class="input-simple {{ class_input_size }}">

<!-- Input L -->
<input type="text" id="{{ field_id }}" required="required" aria-required="true" placeholder="This is a text field" class="input-simple {{ class_input_size }}">

<!-- Input Xl -->
<input type="text" id="{{ field_id }}" required="required" aria-required="true" placeholder="This is a text field" class="input-simple {{ class_input_size }}">

<!-- Input Xxl -->
<input type="text" id="{{ field_id }}" required="required" aria-required="true" placeholder="This is a text field" class="input-simple {{ class_input_size }}">

<!-- Disabled -->
<input type="text" id="{{ field_id }}" required="required" aria-required="true" placeholder="This is a disabled text field" class="input-simple m" disabled>
/* Default */
{
  "field_id": "myfield",
  "class_input_size": "xs"
}

/* Input S */
{
  "field_id": "myfield",
  "class_input_size": "s"
}

/* Input M */
{
  "field_id": "myfield",
  "class_input_size": "m"
}

/* Input L */
{
  "field_id": "myfield",
  "class_input_size": "l"
}

/* Input Xl */
{
  "field_id": "myfield",
  "class_input_size": "xl"
}

/* Input Xxl */
{
  "field_id": "myfield",
  "class_input_size": "xxl"
}

/* Disabled */
{
  "field_id": "myfield"
}

There are no notes for this item.