x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<turbo-frame id="fieldset_preview">
<form action="#" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="79hTlKvG6xk4-T9Nol3ideJnIDBHk1Qa4Elg95u7YbfC4Bsg83JpkAvTsMUf4Vn96OSvEbCeKZDuVjbO9dWcRg" />
<div class="form-inputs">
<fieldset class="fieldset"> <legend>Your details</legend>
<div class="fieldset__fields">
<div class="field field--first_name"><label for="lookbook_input_preview_first_name">First name</label><input required="required" type="text" value="Freddy" name="lookbook_input_preview[first_name]" id="lookbook_input_preview_first_name" /></div>
<div class="field field--last_name"><label for="lookbook_input_preview_last_name">Last name</label><input required="required" type="text" value="McGroarty" name="lookbook_input_preview[last_name]" id="lookbook_input_preview_last_name" /></div>
<div class="field field--email"><label for="lookbook_input_preview_email">Email address</label><input required="required" autocomplete="email" type="email" value="freddy@example.com" name="lookbook_input_preview[email]" id="lookbook_input_preview_email" /></div>
</div>
</fieldset>
</div>
<div class="form-actions">
<button class="button primary">
<div class="button-content">
Submit
</div>
</button>
</div>
</form>
</turbo-frame>
1
2
3
4
5
6
render_form(model: build_input_preview_model(
schema: [ FIELDSET ],
first_name: "Freddy",
last_name: "McGroarty",
email: "freddy@example.com"
))
No Figma design linked. Add @figma_node_id <id> (or @figma <url>) to the preview class or scenario docstring.