Variables are a way for components to temporarily store data. Unlike when storing data in a database, variables will be reset every time the component is loaded. This means that variables are good for storing information such as:

• Should the component show a confirmation dialog
• Which items in a list are selected
• etc.

Since variables are temporary the should not be used for storing information like:

• User preferences
• Data shared between users.

<aside> 💡 Variables are temporary and will only be available while a component is on the page. Actions like refreshing the page will reset all variables.

</aside>

Creating variables

We can create a new variable by clicking the “+” button next to Variables on the data tab.

In the Edit Variable modal we can change the variables name, and provide an initial value the variable should have when the component is loaded.