Example - Slots are in Action

In this post I want to show you an example of how modals are created with slots. At the bottom you can see a brief instruction on how to use them:

  • Create slot component. Change its background to neutral and add the label “Replace me” and some description how to use it

  • Create main component. Add an "Instance Swap" to the Slot component and select in Preferable Values ​​which components you want to swap

  • Create content component. Add content properties for possible future variations to make the content more flexible for customization

  • Swap slot to content. The final step is to create an instance of template and swap the slot to the content you’ve created before

You can find my templates file at https://www.figma.com/community/file/1188897393822653363

Contact me at iliazolotukhin.design@gmail.com

More updates to come:

Twitter | Figma

More by Ilia Zolotukhin

View profile