Reusable Modals with Radix UI

Sam Selikoff
Sam Selikoff
19.1 هزار بار بازدید - 12 ماه پیش - Learn how to refactor a
Learn how to refactor a customized Radix Dialog into a reusable Modal component.

This is Part 3 of a series in collaboration with WorkOS.
Part 1: Styling a Radix Dialog with Tailwind CSS
Part 2: Dismissing a Radix Dialog after a for...
Part 3: Reusable Modals with Radix UI

🔗 LINKS
Code on GitHub: https://github.com/samselikoff/2023-0...
Demo on StackBlitz: https://stackblitz.com/github/samseli...
Radix Dialog docs: https://www.radix-ui.com/docs/primiti...

🕐 TIMESTAMPS
0:00 - Intro
2:13 - Implementing Modal
3:49 - Implementing Modal.Button
5:03 - How to think about slots
6:23 - Implementing Modal.Content
8:41 - Implementing Modal.Close
10:38 - Reusing our new Modal
13:24 - Outro
12 ماه پیش در تاریخ 1402/04/30 منتشر شده است.
19,168 بـار بازدید شده
... بیشتر