Search Element

The Search Element allows users to quickly search content within your app by entering keywords, making it easier to find relevant items such as products, listings, or articles.

Content Tab

🔧 Configure Search

Add a search bar to your screen and define how it behaves when users enter text.

Search Fields:

• Hint Text – Placeholder text displayed inside the search field (e.g., Search…).

• Action URL – URL where users are redirected after searching.

  • Use {{search}} to dynamically pass the entered search text.

Example:

https://yourdomain.com/search?q={{search}}

⚠️ Note: The {{search}} placeholder is mandatory to capture user input dynamically.

Settings Tab

🎨 Design

• Border: Enable/disable border

• Corner Radius: Square / Rounded / Fully rounded

• Text Style & Color: Font size and text color

• Hint Text Color

• Background / Fill Color

• Border Color

• Search Icon: Upload or select a custom icon (PNG/JPG/JPEG)

Spacing

• Margin: Top, Bottom, Left, Right (px)

👁️ Visibility

• Platform: Android, iOS, or PWA

• Device: Mobile / Tablet

• User Type: Guest / Logged-in

✅ Use Case Examples

• Product Search: Allow users to quickly find products by name or keyword.

• Content Discovery: Search blogs, articles, or announcements inside the app.

• Help & Support: Redirect users to FAQs or support pages based on search input.

📱 How It Looks

Below are example of how the Countdown Timer appears in the app: