Skip to main content
All CollectionsDesign Your AppDesign Your App Screens
Mastering the Spacer Design Element: A Comprehensive Guide
Mastering the Spacer Design Element: A Comprehensive Guide
Omniful avatar
Written by Omniful
Updated over a week ago

Welcome to our guide on the Spacer Design Element!

Enhance the layout of your app by incorporating the Spacer element, which provides spacing between different design elements, ensuring optimal visual appeal and organization.

In this comprehensive guide, we'll explore how to utilize the Spacer element to enhance the visual appeal and usability of your app. From its basic functionalities to creative applications, we'll provide insights and tips to help you make the most of this versatile tool. Join us as we uncover the potential of the Spacer element and elevate your app design to the next level!

How to Utilize the Spacer Design Element?

  • Drag and drop the spacer component onto your design canvas.

  • You can configure the background colour of the spacer element to match the layout and design of your screen.

Once you've configured the spacer element, clicking the 'Save Changes' button preserves the design element along with its configurations on the page.

Next, preview your design element by clicking the 'Preview' button. If you encounter any difficulties during the preview process, we've provided a dedicated blog and tutorial video for your assistance—be sure to check them out.

Finally, publish your page by selecting the "Publish" button, and you're all set. Your spacer element is now ready to be viewed within your app.

Did this answer your question?