Read https://getbootstrap.com/docs/4.6/components/popovers/ to read everything about the basic usage of popovers.
The basic functionality for placing the content inside the popover has been changed to make it work with the Blazor application. Instead of putting the content inside the data-content=""attribute it is now placed in a div element with the class="popover-content" attribute that’s placed right after the popover element that’s been clicked.
On top of these basic functionalities a popover group functionality was added. This creates the option to only keep 1 popover from the same group open.
Give all the popovers that need to be grouped the following attribute: data-popover-group="id_or_groupname". The attribute accepts any type of string but make sure all the popovers that need to be grouped have the same attribute value.