Icon

The Icon Widget lets you add small visual symbols (like settings, profile, or search icons) to your app. These icons help users understand actions or features at a glance, and can also be used to trigger actions like navigation or opening modals.

Common Use Cases

  • Adding icons like settings, profile, or notifications

  • Making buttons or areas more visually clear

  • Linking to pages or pop-ups when icons are clicked

  • Improving app design and user experience

How to Use

Step 1: Add the Widget

Find the Icon Widget in the widget panel and drag it onto your page where you want it to appear.

Step 2: Choose an Icon

Once placed, click the widget. A list of icons will appear — choose one that fits your need (like ⚙️ for settings or 👤 for profile).

Step 3: Customize the Icon

In the settings panel, you can:

  • Change the size (small, medium, large, or exact size)

  • Pick a color

  • Adjust spacing (padding/margin)

  • Align the icon (left, center, right)

Last updated