Reusable Modals with Radix UI
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
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
بـار بازدید شده