Data in design

A data provider component fetches data and provides it to all child components. Any child components which take in data to display, have a simple Data setting where you can select the data provider that passes it data. You can hook up as many components as you like to the same data provider, and they'll all be in sync with each other.

Data providers have settings to control filtering, sorting, and pagination. Because all of these data settings are handled by the data provider, it keeps all components as purely presentational. You can update the source of your data provider and your whole dashboard will instantly reflect an entirely different table!

Fetching data

📘

To fetch and display data within your user interface, you need to use the Data Provider.

After adding a Data Provider, you must navigate to the settings panel (the right panel) and select a data source - the dropdown beside the label data. See the image below:

Video tutorial