Component Library 2.5.1 (configured with Dummy App)
x
1
2
3
<form action="#" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cS2MPCHwhKfb_cSv56om8XAO9AXR1eZk5P2cU-rsk18lobKme_3_cmoNRFOBQw8aSId-bLIT5Eitni6EfrQBxQ" />
  <div class="field field--first_name"><label for="lookbook_input_preview_first_name">First name</label><input maxlength="100" placeholder="Jane" size="100" type="text" name="lookbook_input_preview[first_name]" id="lookbook_input_preview_first_name" /></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.