--- updatedAt: 2025-06-02T21:39:32.000Z agentTools: projectIndex: https://developers.evrythng.com/llms.txt --- # Reusable Widgets All dashboard pages can be customized by adding new widgets from the library of reusable widgets we provide. This is usually the most convenient way to create a dashboard that uses the existing metrics, but with a different set of contexts, labels, layouts, or configuration options. For each new instance of a default widget, the 'Name' field must be one of the Angular component names in the list below. The available built-in widgets you can reuse are as follows. See the [*Widget Configuration*](https://developers.evrythng.com/docs/using-the-dashboard-customization-widget-configuration) page for information about customizing widget sizes, layouts, and so on. * [Project Details](https://developers.evrythng.com/docs/using-the-dashboard-customization-reusable-widgets#section-project-details) - resource totals by type for the selected project. * [Actions Map](https://developers.evrythng.com/docs/using-the-dashboard-customization-reusable-widgets#section-actions-map) - locations of actions performed. * [Actions](https://developers.evrythng.com/docs/using-the-dashboard-customization-reusable-widgets#section-actions) - list of recent actions performed. * [Actions by Country](https://developers.evrythng.com/docs/using-the-dashboard-customization-reusable-widgets#section-actions-by-country) - stacked actions by type and country. * [Engagements](https://developers.evrythng.com/docs/using-the-dashboard-customization-reusable-widgets#section-engagements) - daily actions by action type. * [Interactions](https://developers.evrythng.com/docs/using-the-dashboard-customization-reusable-widgets#section-interactions) - totals of actions by action type. * [Active Products](https://developers.evrythng.com/docs/using-the-dashboard-customization-reusable-widgets#section-active-products) - totals of actions by product over time. * [Active Products Count](https://developers.evrythng.com/docs/using-the-dashboard-customization-reusable-widgets#section-active-products-count) - total actions per product. * [Most Active Locations](https://developers.evrythng.com/docs/using-the-dashboard-customization-reusable-widgets#section-most-active-locations) - totals of actions by location. * [User Type](https://developers.evrythng.com/docs/using-the-dashboard-customization-reusable-widgets#section-user-type) - total new and returning users. * [User Actions](https://developers.evrythng.com/docs/using-the-dashboard-customization-reusable-widgets#section-user-actions) - total number of actions per user. > 📘 Import an example > > Download the example dashboard JSON file from our GitHub repository to your computer [here](https://github.com/evrythng/examples/blob/master/dashboards/reusable-widgets.json). > > When creating a dashboard page, click the **Import** dashboard icon and navigate to the saved file to add all these widgets at once. You can then refine the configuration and remove widgets as needed. *** ### Project Details Resource totals by type for the selected project, or the account if no project is selected. Name: `evtx-overview-totals`\ Chart types: table\ Customizable fields: Title, Description. ![961](https://files.readme.io/59a59af-project-details.png "project-details.png") *** ### Actions Map Locations of actions performed. Name: `evtx-action-map`\ Chart types: map\ Customizable fields: Title, Description, action type filter. ![862](https://files.readme.io/4523f07-action-map.png "action-map.png") *** ### Actions List of recent actions performed. Name: `evtx-action-list`\ Chart types: list\ Customizable fields: Title, Description, action type filter, show action location. ![427](https://files.readme.io/cbdf6f8-action-list.png "action-list.png") *** ### Actions by Country Stacked action totals by type and country of origin. Name: `evtx-actions-by-country`\ Chart types: Stacked bar chart\ Customizable fields: Title, Description, action type filter, country filter, group 'Other' category. ![831](https://files.readme.io/a626e7a-actions-by-country.png "actions-by-country.png") *** ### Engagements Daily actions by action type. Name: `evtx-overview-engagement`\ Chart types: bar chart, line chart\ Customizable fields: Title, Description, action type filter, group 'Other' category. ![404](https://files.readme.io/c7da199-engagement.png "engagement.png") *** ### Interactions Totals of actions by action type. Name: `evtx-overview-interactions`\ Chart types: donut, treemap\ Customizable fields: Title, Description, action type filter, group 'Other' category. ![637](https://files.readme.io/13ab622-interactions.png "interactions.png") *** ### Active Products Totals of actions by product over time. Name: `evtx-overview-products`\ Chart types: bar chart, line chart\ Customizable fields: Title, Description, product filter, group 'Other' category. ![425](https://files.readme.io/41a5cd7-active-products-line.png "active-products-line.png") *** ### Active Products Count Total actions per product. Name: `evtx-product-count`\ Chart types: donut, treemap\ Customizable fields: Title, Description, product filter, group 'Other' category. ![708](https://files.readme.io/4777b83-active-product-count.png "active-product-count.png") *** ### Most Active Locations Totals of actions by location. Name: `evtx-overview-locations`\ Chart types: donut, treemap\ Customizable fields: Title, Description, group 'Other' category. ![635](https://files.readme.io/f1cff78-active-locations.png "active-locations.png") *** ### User Type Total new and returning users. Name: `evtx-overview-user-types`\ Chart types: bar\ Customizable fields: Title, Description. ![310](https://files.readme.io/2d2ca56-user-type.png "user-type.png") *** ### User Actions Total number of actions per user. Name: `evtx-overview-user-actions`\ Chart types: donut, treemap\ Customizable fields: Title, Description. ![636](https://files.readme.io/03fcad2-user-actions.png "user-actions.png") *** ### Toolbars You can also reuse the default toolbar components, which provides a time range selection. Add this component from the *Edit dashboard* dialog's *Details* section: * `evtx-filter-toolbar`\ Choose **from** and **to** time ranges for filtering data in other widgets. * `evtx-fmonth-toolbar`\ Similar to `evtx-filter-toolbar` but for whole-month selection. ![1103](https://files.readme.io/1c6bddd-toolbar.png "toolbar.png")