---
schema_version: "1"
id: 2a52010e1e6b0301a3bc3455134c54b90e5f608068cd30d9dbd1e79bba3a12e1
title: Add Lightning Web Components to the Dashboard
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/analytics/264-0-0/bi_dashboard_components_lwc.md
canonical_url: https://help.salesforce.com/s/articleView?id=analytics.bi_dashboard_components_lwc.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 436c8357938e83790b9ece4cd3e6c18b90664c2390eecabec48c48c791582050
description: Lightning Web Components allow you to create customized reusable extensions for use anywhere in Lightning Experience. Use these same components directly in your dashboards, to create an interactive experience between your custom extensions and your CRM Analytics data.
products:
  - CRM Analytics
  - Cross Cloud
release: "264"
---
# Add Lightning Web Components to the Dashboard

Lightning Web Components allow you to create customized reusable extensions for use anywhere in Lightning Experience. Use these same components directly in your dashboards, to create an interactive experience between your custom extensions and your CRM Analytics data.

You can add any custom Lightning Web Components you create to your CRM Analytics dashboards to bring in your own custom widgets and extensions. To learn how to create a custom Lightning Web Component, see the [Lightning Web Components in CRM Analytics Dashboards](https://developer.salesforce.com/docs/analytics/bi-dev-guide-lwc-in-db/guide/bi-lwc-in-db-overview.html) developer guide.

To add your custom Lightning Web Component to a dashboard:

1. Drop a component widget (![Component widget icon](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-analytics-bi-264-0-0-production-enus/ec791473-f5b4-4f64-a656-9104f455d966/bi/images/bi/bi_dashboard_component_widget.png)) onto a dashboard.
2. Select the **Lightning Components** tab.
3. Select the Lightning Web Component that you want from the list of components. If no custom Lightning Web Components are available, the list is empty.
4. Click **Done**.

The custom Lightning Web Component can have attributes that must be specified for the component to function as expected. To set the component attributes:

1. Select the component that you want to edit and show **Component Attributes** menu in the widget properties.
2. Set the attributes for your custom Lightning Web Component. Each Lightning Web Component defines different attributes.

Click **Preview** or **Save**. Test and update the custom Lightning Web Component and the dashboard as needed. With each update to the component, a full refresh of the dashboard is required to render the changes.