Dashboard SDK

In the Business Buddy app, when a user changes the behavior setting on the Settings page, a toast is shown at the top of the dashboard page.

To show toasts, update dashboard components based on state changes, and open and close dashboard modals, we use the Wix Dashboard React SDK.

Show a toast

First we need to import the useDashboard() hook from the Dashboard React SDK.

1
import { useDashboard } from '@wix/dashboard-react';

Then, we need to call the useDashboard() hook in the code for the React component where we want to display the toast. We need to add the following to our Settings page component code:

1
const { showToast } = useDashboard();

Then, all we need to do is call the showToast() function and provide a message and type. In our app, we want to show the toast when a behavior setting has been successfully changed, so we call showToast() in the onSuccess of the mutation used by the Save button.

1
{
2
  onSuccess: () => {
3
    showToast({
4
      message: "Changes saved!",
5
      type: "success",
6
    });
7
  },
8
}

Up next

Now that you understand how to work with the Dashboard SDK, let's see how to send requests to an app backend.