Desktop design

Mobile design

Multi-step form

<div class="form-header_main__jQg1a"><h1 class="htag_h1__1C3a6">Personal info</h1><p class="ptag_main__xMl2Y">Please provide your name, email address, and phone number.</p></div>

ce="next"><link rel="preload" as="script" fetchpriority="low" href="/_next/static/chunks/webpack-1745ddf50ffc587b.js" crossorigin=""><scrip

s="32x32"><meta name="next-size-adjust"><scrip

n__jd0bq"><div class="input_descriptor__VdfdL"><span

pan></div><input type="name" placeholder="eg Stephan King" name="name" value=""></labe

pan></div><input type="email" placeholder="e.g. stephenking@lorem.com" name="email" value=""></labe

pan></div><input type="tel" placeholder="e.g. +1 234 567 890" name="phone" value=""></labe

ction="#"><label for="name" class="input_main__jd0bq"><div c

"></label><label for="email" class="input_main__jd0bq"><div c

"></label><label for="phone" class="input_main__jd0bq"><div c

Design comparison

Please log in to post a comment

Multi-step Form Challenge Using React, TypeScript, SASS, Formik, Yup,

Design comparison

Community feedback

Please log in to post a comment

Join our Discord community