San Francisco Design System

Price field 

<form>
    <div class="form-group field-d08" data-id="estimated_cost">
        <label for="estimated_cost" class="control-label">Estimated cost</label>
        <div class="field-wrapper">
            <div class="prepended dollar">$</div>
            <input id="estimated_cost" data-formtype="d08" name="estimated_cost" type="number" required="" step="0.01" data-required-error="You need to enter a valid price.">
            <div class="help-block with-errors"></div>
        </div>
    </div>
</form>
 
<form>
  <div class="form-group field-d08" data-id="{{ id }}">
    <label for="{{ id }}" class="control-label">{{ title }}</label>
    <div class="field-wrapper">
      <div class="prepended dollar">$</div>
      <input id="{{ id }}" data-formtype="d08" name="{{ id }}" type="number" required="" step="0.01" data-required-error="You need to enter a valid price.">
      <div class="help-block with-errors"></div>
    </div>
  </div>
</form>
 
{
  "title": "Estimated cost",
  "id": "estimated_cost"
}
  • Handle: @price-field
  • Preview:
  • Filesystem Path: src/components/04-forms/field-types/price-field/price-field.html

There are no notes for this item.