Check below table to use callouts with different types and designs.

Callout Type	Class	Description
Default callout	.bs-callout-*	Use any template color from COLOR PALETTE that you like to add for callout.
Right bordered	.callout-right	It is used for right bordered callout
Transparent background	.callout-transparent	For transparent background callout. That can have only left/right border.
Bordered callout	.callout-bordered	For callout with all side bordered.
Callout with arrow	.callout-arrow-[left/right]	Set arrow according to icon sides using this class.
Round callout	.callout-round	For round bordered callout.
Square callout	.callout-square	For square bordered callout.

Using above options, create some combinations like:

• Callouts with icons & Arrow
• Round Callouts with Icons
• Round Callouts with Icons & Arrows
• Round Callouts with Right Icons & Arrows
• Square Callouts with icons
• Square Callouts with Icons & Arrows
• Square Callouts with Right icons & arrow, etc...

Referrals :

Type	URL
Template Page	https://modernadmin.evolvision.com/components/callout