Components

Popover




<!-- 
	data-placement="top" 
	data-placement="right" 
	data-placement="bottom" 
	data-placement="left" 
-->
<button type="button" 
	class="btn btn-primary btn-soft btn-toggle mb-3" 
	data-container="body" 
	data-toggle="popover" 
	data-placement="top" 
	data-content="Lorem ipsum dolor...">
	<span class="group-icon">
		<i class="fi fi-arrow-end"></i>
		<i class="fi fi-close"></i>
	</span>
	<span>Popover on top</span>
</button>
											

Popover : Dismissable




<!-- 
	data-placement="top" 
	data-placement="right" 
	data-placement="bottom" 
	data-placement="left" 
-->
<button type="button" 
	class="btn btn-warning" 
	data-trigger="focus" 
	data-container="body" 
	data-toggle="popover" 
	data-placement="top" 
	data-content="Lorem ipsum dolor...">
	Popover on top
</button>