Salla Docs
Merchant
Merchant
  • Merchant API
  • Salla OAuth 2.0
  • Merchant Dashboard
Partner APIs
Partner APIs
  • App API
  • Shipments & Fulfillment APIs
  • Salla AWB
  • Recurring Payments API
  • App Functions
  • Billing System Salla partners
  • Report Builder
  • App Onboarding
  • Communication Apps
Storefront
Storefront
  • Twilight Engine
  • Twilight SDK
  • Web Components
  • Ecommerce Events
  • Component Bundle
  • Change Log
Salla CLI
Merchant
Merchant
  • Merchant API
  • Salla OAuth 2.0
  • Merchant Dashboard
Partner APIs
Partner APIs
  • App API
  • Shipments & Fulfillment APIs
  • Salla AWB
  • Recurring Payments API
  • App Functions
  • Billing System Salla partners
  • Report Builder
  • App Onboarding
  • Communication Apps
Storefront
Storefront
  • Twilight Engine
  • Twilight SDK
  • Web Components
  • Ecommerce Events
  • Component Bundle
  • Change Log
Salla CLI
Salla - Opensource
Salla - Developers Community
  1. UI Module
  • Embedded SDK
    • Overview
    • Getting Started
    • Installation
    • Authentication
    • App Design Guidelines
    • Create an Embedded App
    • Playground
  • Auth Module
    • Get Token
    • Client Introspect
    • Refresh Token
  • Page Module
    • Iframe Resizing
    • External Redirects
    • Navigation
    • Set Page Title
  • Nav Module
    • Create Navbar Action
    • Listen for Nav Actions
    • Clearing Nav Actions
  • UI Module
    • Confirm Dialogs
    • Toast Notifications
    • Loading States
  • Checkout Module
    • Create Checkout
    • Subscribe for Payment Result
    • Get App Add-ons
  • Endpoints
    • Token Introspect
  • Resources
    • Support
  1. UI Module

Loading States

The Loading module allows you to control the native loading skeleton within the Salla Merchant Dashboard. This is useful for providing visual feedback during asynchronous operations like API calls or data processing.

Usage#

You can toggle the loading state using the show and hide methods.

Methods#

embedded.ui.loading.show()#

Displays the dashboard's loading overlay or spinner. This signals to the merchant that an operation is in progress and may temporarily disable interactions.

embedded.ui.loading.hide()#

Removes the loading indicator. Ensure this is called even if an operation fails to prevent the UI from being stuck.
Best Practices
The finally Pattern
Always wrap your async logic in a try...catch...finally block. Calling hide() in the finally block ensures the loading state is cleared regardless of the outcome.
Granular vs. Full Page
Remember that embedded.ui.loading affects the dashboard's UI context. If you only want to show a small loader inside your own app's buttons or sections, you should use your app's internal loading components instead.
Modified at 2026-02-12 08:53:55
Previous
Toast Notifications
Next
Checkout Module