Popover Content Theming Adjust the Bolt color theme of the content by using the theme prop. Demo

theme: none

× Close popover This is the content of the popover with a call to action .

theme: xlight

× Close popover This is the content of the popover with a call to action .

theme: light

× Close popover This is the content of the popover with a call to action .

theme: dark

× Close popover This is the content of the popover with a call to action .

theme: xdark

× Close popover This is the content of the popover with a call to action .

Twig

{% include '@bolt-components-popover/popover.twig' with { trigger: trigger, content: content, theme: 'dark', } only %}

HTML

<bolt-popover theme="dark"> <bolt-button> This triggers a popover </bolt-button> <div slot="content"> This is the content of the popover. </div> </bolt-popover>