Component Library 2.5.1 (configured with Dummy App)
x
1
2
3
4
5
6
7
<form action="#" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QSQjvGRvfgHQiY03yHrPHveyjykYlSgPeMmNk3nqF1SCopZdn3POMJJFH6S3dAKt_QkS5YbuSHG7Bb-RGLxU1g" />
  <div class="field field--contact_type"><label for="lookbook_input_preview_contact_type">How can we help?</label><select name="lookbook_input_preview[contact_type]" id="lookbook_input_preview_contact_type"><option value="">Please select…</option>
      <option value="general">General enquiry</option>
      <option value="feedback">Feedback</option>
      <option value="complaint">Complaint</option></select>
  </div>
</form>
1
2
3
4
5
6
7
effective_required = required || error
effective_value = error ? "none" : value
field = effective_required ? FIELD.merge("required" => true) : FIELD
attrs = (effective_value && effective_value != "none") ? { FIELD["name"].to_sym => effective_value } : {}
model = build_input_preview_model(schema: [ field ], **attrs)
model = with_validation_errors(model) if error
render_input_preview(field:, model:, disabled:)

No notes provided.

Param Description Input

—

—

—

—
No Figma design linked. Add @figma_node_id <id> (or @figma <url>) to the preview class or scenario docstring.