In this video I continue the implementation of the reusable components library with form components. I will implement/style the input, select, textarea and label. The video is focused primarily on styles, keeping the controls as native as possible. The components are built in a Vite library and debugged in the storybook we setup last video.
What you'll learn:
Create React form components (input, select, textarea and label)
Style native form components, retaining accessibility and usability
Repository:
bw-monorepo: https://github.com/nikelaz/bw-monorepo
bw-ui: https://github.com/nikelaz/bw-ui
Contents:
0:00 Introduction
0:39 Changes Since Last Video
6:58 Input Component
32:48 Select Component
42:15 Textarea Component
45:22 Checkbox and Radio Components
54:17 Label Component
1:08:55 Conclusion
Social Media:
Email: [email protected]
Twitter: Β Β /Β nikelazΒ Β
LinkedIn: Β Β /Β nikola-lazarovΒ Β
#react #vite #form #components
Watch video Form Components π¨βπ» Develop an App from Scratch (Part 9) online without registration, duration hours minute second in high quality. This video was added by user NL Tech 30 April 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 342 once and liked it 13 people.