<template>
    <IPopover placement="top">
        <IButton>Top Popover</IButton>
        <template #header> Popover Header </template>
        <template #body> This is the popover body. Useful information goes here. </template>
        <template #footer> Popover Footer </template>
    </IPopover>

    <IPopover placement="bottom">
        <IButton>Bottom Popover</IButton>
        <template #header> Popover Header </template>
        <template #body> This is the popover body. Useful information goes here. </template>
        <template #footer> Popover Footer </template>
    </IPopover>

    <IPopover placement="left">
        <IButton>Left Popover</IButton>
        <template #header> Popover Header </template>
        <template #body> This is the popover body. Useful information goes here. </template>
        <template #footer> Popover Footer </template>
    </IPopover>

    <IPopover placement="right">
        <IButton>Right Popover</IButton>
        <template #header> Popover Header </template>
        <template #body> This is the popover body. Useful information goes here. </template>
        <template #footer> Popover Footer </template>
    </IPopover>
</template>
