Data in design

A Data provider fetches data and provides it to all child components. Any child components which take in data to display, have a 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!

πŸ‘

Blocks

For common data presentations, you can use Blocks.

Blocks bundle a data provider with other components, thus reducing the nesting in your Component Tree.

Fetching data

After adding a Data provider, you must navigate to the Settings Panel and select a Datasource - as shown below:

Video tutorial