Episode
Fluent UI React Trainings: Advanced slots design & Positioning API
with Oleksandr Fediashov
Master the art of UI perfection with Fluent UI's slots and positioning! 🚀 Fine-tune your HTML output and sculpt seamless layouts, while also wielding precise control over tooltips and popout menus. Elevate your design game with Fluent UI's versatile toolkit!
Chapters
- 00:00 - Intro
- 00:31 - Slot longhands
- 02:19 - Disabling slots
- 03:14 - 'as' prop
- 04:04 - Children renderfunction
- 05:29 - Positioning
- 06:08 - Postioning shorthand
- 08:18 - Positioning longhand
- 08:57 - Offsets
- 11:14 - Offset function
- 13:52 - Custom target
- 15:11 - Imperative target update
- 16:59 - Overflow boundary
- 19:12 - Flip boundary
- 20:51 - Outro
Recommended resources
Master the art of UI perfection with Fluent UI's slots and positioning! 🚀 Fine-tune your HTML output and sculpt seamless layouts, while also wielding precise control over tooltips and popout menus. Elevate your design game with Fluent UI's versatile toolkit!
Chapters
- 00:00 - Intro
- 00:31 - Slot longhands
- 02:19 - Disabling slots
- 03:14 - 'as' prop
- 04:04 - Children renderfunction
- 05:29 - Positioning
- 06:08 - Postioning shorthand
- 08:18 - Positioning longhand
- 08:57 - Offsets
- 11:14 - Offset function
- 13:52 - Custom target
- 15:11 - Imperative target update
- 16:59 - Overflow boundary
- 19:12 - Flip boundary
- 20:51 - Outro
Recommended resources
Video URL
HTML iframe
Developer