Widgets are the building blocks of a Mozaïk dashboard, a widget is in fact a react component which often communicates with an API. Mozaïk comes with just a few core widgets, others must be installed through extensions, see available extensions.

Widgets share some common properties which are all required:

key	description
type	the type of widget to instantiate
x	x position
y	y position
columns	width expressed in columns
rows	height expressed in rows

Example:

// ~/mozaik-demo/config.js
{
    // …
    dashboards: [{
        columns: 3, rows: 2,
        widgets: [
            {
                type: 'ext.widget_type',
                columns: 1, rows: 1,
                x: 0, y: 0,
            },
        ],
    }],
},

for properties related to position/size see grid system.

Core widgets

Mozaïk core extension provides an inspector widget, in order to use it, you should use this config:

// ~/mozaik-demo/config.js
{
    // …
    dashboards: [{
        columns: 3, rows: 2,
        widgets: [
            {
                type: 'mozaik.inspector',
                columns: 1, rows: 1,
                x: 0, y: 0,
            },
        ],
    }],
},