--- categories: [Widgets] layout: page title: Popovers resource: true ---

Note: To display the close (X) icon in popovers, add data attribute data-close="true" to the trigger button element.

Popover on right with title and close button
Popover on right with close button
Popover on right with title
Popover on right

Popover on left with title and close button
Popover on left with close button
Popover on left with title
Popover on left

Popover on top with title and close button
Popover on top with close button
Popover on top with title
Popover on top

Popover on bottom with title and close button
Popover on bottom with close button
Popover on bottom with title
Popover on bottom

Default