San Francisco Design System

Text field: Default 

<form>
    <div class="form-group field-i02" data-id="org-name">
        <label for="org-name" class="control-label">Name of your organization</label>
        <div class="field-wrapper">
            <input id="org-name" data-formtype="i02" name="org-name" type="text" required="">
            <div class="help-block with-errors"></div>

        </div>
    </div>
</form>
 
<form>
  <div class="form-group field-i02" data-id="{{ id }}">
    <label for="{{ id }}" class="control-label">{{ title }}</label>
    <div class="field-wrapper">
      <input id="{{ id }}" data-formtype="i02" name="{{ id }}" type="text" required="">
      <div class="help-block with-errors"></div>
      {% if helptext %}
        <div class="help-text">
          <p>{{ helptext }}</p>
        </div>
      {% endif %}
    </div>
  </div>
</form>
 
{
  "title": "Name of your organization",
  "id": "org-name"
}

There are no notes for this item.