Empty state page

Show a special page when no data is available
Create a special page that will be displayed when a list bound to another page is empty. For this screen to be displayed, the API must return an empty list.
The setup will consist on the following two tags, one for each of the pages involved. Replace groupname with any name of your choice that identifies the group of those two pages.
  • [state:default:groupname]: this tag will be added in the top-level element of the page with API list data bound to it.
  • [state:empty:groupname]: this tag will be added in the top-level element of the page that will be displayed if the list connected to the previous screen is empty.
Supports a unique API request in the same page.

💾 Example file

Duplicate the file below to see how to set it up!