Components

Popover

I popover sono utilizzati per fornire informazioni aggiuntive su un qualsiasi elemento dell'interfaccia. Possono essere attivati al passaggio del puntatore o al click sull’oggetto cui si riferiscono e possono contenere titolo, testo, icone e link.

Popover

Popover / Con icona e link

Bisogna aggiungere l’attributo data-bs-html="true".
L’icona va inclusa come HTML nell’attributo title="" subito prima del vero e proprio titolo.
Il link come HTML nell’attributo data-bs-content="" dopo il contenuto testuale, con classe .popover-inner-link.

Snippet HTML




Popover / Richiudibile

Per il giusto comportamento cross-browser e cross-platform, è necessario utilizzare il tag <a>, non il tag <button>, ed è necessario anche includere l’attributo tabindex.

Snippet HTML

Popover / Posizionamento

Snippet HTML