Use the Reusable Modules feature to save groups of components and queries as templates for reuse across your App Builder applications. Modules automatically include all dependencies to ensure your components function correctly.

Create a reusable module

There are three ways to create a reusable module:

From the components panel

1. While editing an app, click the expand icon () to open the components panel.
2. Click a component to select it.
3. In the components panel, click the menu icon ().
4. Click Create Module ().
5. Configure your module.

From a component’s instance name tab

1. While editing an app, select a component on the app canvas.
2. Click the Create Module icon () in the component instance name tab.
3. Configure your module.

From selected components

1. While editing an app, hold down the Shift key and click multiple components to select them.
2. In the side panel that appears on the right, click Create Module ().

Configure a module

When creating your module, the module editor allows you to preview the components and queries, add a name and description, and review dependencies before saving.

1. Enter a name and description.
2. Review the components and queries that are automatically included. The system includes all nested query dependencies.
3. Click Save Module.

Add a reusable module to an app

1. While editing an app, click the Add Component icon ().
2. In the Modules section, click a module or drag it onto the app canvas.

Delete a module

1. While editing an app, click the Add Component icon ().
2. In the Modules section, click the edit icon () for the module you want to delete.
3. In the module editor, click Delete Module.

Further reading

Más enlaces, artículos y documentación útiles:

ComponentsDOCUMENTATION Build AppsDOCUMENTATION QueriesDOCUMENTATION

Do you have questions or feedback? Join the #app-builder channel on the Datadog Community Slack.