Component Library 2.3.12 (configured with Dummy App)
x
1
2
3
<form action="#" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_BRCfy02ToQtgz1y526Te1cJCyrwhXKeqwZodc6KfYgcLKGWY6BLnOLy21LmFcJAdI6qpAOxfPf1q6Nbzf-Ajg" />
  <div class="field field--phone"><label for="lookbook_input_preview_phone">Phone number</label><input minlength="7" placeholder="+44 20 1234 5678" autocomplete="tel" type="tel" name="lookbook_input_preview[phone]" id="lookbook_input_preview_phone" /></div>
</form>
1
2
3
4
5
6
7
effective_required = required || error
effective_value = error ? "" : value
field = effective_required ? FIELD.merge("required" => true) : FIELD
attrs = effective_value.present? ? { 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.