Salesforce Integration

If you're using one of the Avonni Components on your Lightning web component, Avonni will ask you to install the Avonni Components package. The Avonni Components are free and it's an open source project, released under the permissable MIT license. They can be used in personal or commercial projects for free.

Installing Avonni Components

1. Click on the deploy button to deploy your LWC
2. Click on the "Install Avonni package" button when prompted.
3. Check the Agree box and confirm to install
4. Wait for the installation to be finished (might takes 1-2 minutes)
5. Deploy your component again.

Troubleshooting

If your LWC (with Avonni components inside) is not working on Salesforce once deployed, please make sure to activate Lightning Web Security on your org.

1. From Setup, in the Quick Find box, enter Session, and then select Session Settings.
2. On the Session Settings page, select Use Lightning Web Security for Lightning web components and save.
3. Clear your browser cache after enabling or disabling Lightning Web Security to ensure the correct files are loaded in the browser.

Source: Enable Lightning Web Security in an Org (from Salesforce)

‍