
Shadcn Finally Has MultiSelect!
React Hooks Simplified Course: https://courses.webdevsimplified.com/react-hooks-simplified/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-pwpCNEROEZc
Shadcn has been missing a multiselect component and it doesn’t appear they will add one anytime soon so I decided to make my very own multiselect Shadcn component which you can install directly into your project. In this video I will show you how I made this component as well as how you can add it to your project.
? Materials/References:
React Hooks Simplified Course: https://courses.webdevsimplified.com/react-hooks-simplified/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-pwpCNEROEZc
GitHub Code: https://github.com/WebDevSimplified/wds-shadcn-registry
MultiSelect Component Docs: https://wds-shadcn-registry.netlify.app/components/multi-select
? Find Me Here:
My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified
⏱️ Timestamps:
00:00 - Introduction
00:53 - Code overview
01:54 - How I made this work just like Shadcn
07:40 - How I handle overflow
13:13 - How to use on your own sites
#Shadcn #WDS #MultiSelect
Shadcn has been missing a multiselect component and it doesn’t appear they will add one anytime soon so I decided to make my very own multiselect Shadcn component which you can install directly into your project. In this video I will show you how I made this component as well as how you can add it to your project.
? Materials/References:
React Hooks Simplified Course: https://courses.webdevsimplified.com/react-hooks-simplified/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-pwpCNEROEZc
GitHub Code: https://github.com/WebDevSimplified/wds-shadcn-registry
MultiSelect Component Docs: https://wds-shadcn-registry.netlify.app/components/multi-select
? Find Me Here:
My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified
⏱️ Timestamps:
00:00 - Introduction
00:53 - Code overview
01:54 - How I made this work just like Shadcn
07:40 - How I handle overflow
13:13 - How to use on your own sites
#Shadcn #WDS #MultiSelect
Web Dev Simplified
Web Dev Simplified is all about teaching web development skills and techniques in an efficient and practical manner. If you are just getting started in web development Web Dev Simplified has all the tools you need to learn the newest and most popular tech...