Submitted over 1 year ago
Multi-step-form using React/Typescript with styled-components
@fredrik1998
Design comparison
SolutionDesign
Solution retrospective
Think i got most of the functionality down but there is some css stuff i struggled with to get down.
Community feedback
- @ArseniyXPosted over 1 year ago
Hello, good job! requirements:
- steps looks different
- when type email it show red immediately
- no validation for fields that prevent going next with wrong values
- no navigations, you cant go back with browser back
- add-ons first click on checkbox show for second something different than checkbox
code improvements:
- prettier es-lint
- unused
const [count, setCount] = useState(0)
- you pass everything in props you probably don't need all to be passed from the parent component for example
thankyouicon prop
you can import from the final step component and rename it to thankYouIcon. - in Sidebar.tsx you make every step independently you should do array and map it. like:
[1,2,3,4,5].map((step) => <div><label>{step}</label>{...}<div>
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord