Modal

Components

Use components to build interfaces. You can use symbols to quickly access all components available in the library. Search the component's name in the add panel (Shift + A) or quick search (Ctrl + E) and press enter to add it. Once you add a symbol to your page you need to unlink it so you can make changes to it independently. Right-click on the symbol’s label and choose unlink from symbol. Learn more about symbols

To use Modal you need to place Modal / Trigger and Modal / Wrapper symbols on your page.

Best Practices

Component Description

Modals are used to reveal critical information, show information without losing context, or when the system requires a user response. Modals can also fragment a complex workflow into simpler steps and should serve a single purpose dedicated to completing the user’s task.

Video tutorials

Coming soon...

arrow_upward