My current challenge involves utilizing ngbootstrap for popovers, yet desiring to override its default styling. Specifically, I have a form that should function as a popover triggered by a button click, and it needs to maintain its own distinct styles.
Upon implementing [ngbPopover], the rendered element retains the default 'popover' class, rather than allowing me to customize each property according to my specifications. Is it feasible to completely remove this default class during rendering, enabling the use of a custom class with the popoverClass property instead?
<ng-template #popContent><user-form></user-form></ng-template>
<button type="button" class="btn btn-outline-secondary" [ngbPopover]="popContent">
I've embedded markup and bindings within my customized popover!
</button>