Popovers

Documentation and examples for Bootstrap’s powerful, responsive navigation header, the navbar. Includes support for branding, navigation, and more, including support for our collapse plugin.


Examples

<div>
  <el-popover title="Popover On Left" placement="left">
    <span>Vivamus sagittis lacus vel augue laoreet rutrum faucibus.</span>
    <base-button slot="reference" size="sm" type="default">On left</base-button>
  </el-popover>
  
  <el-popover title="Popover On Top" placement="top">
    <span>Vivamus sagittis lacus vel augue laoreet rutrum faucibus.</span>
    <base-button slot="reference" size="sm" type="default">On top</base-button>
  </el-popover>
  
  <el-popover title="Popover On Right" placement="right">
    <span>Vivamus sagittis lacus vel augue laoreet rutrum faucibus.</span>
    <base-button slot="reference" size="sm" type="default">On right</base-button>
  </el-popover>
  
  <el-popover title="Popover On Bottom" placement="bottom">
    <span>Vivamus sagittis lacus vel augue laoreet rutrum faucibus.</span>
    <base-button slot="reference" size="sm" type="default">On bottom</base-button>
  </el-popover>
</div>
Show Code

Props

We used Element UI popovers (opens new window). For more info check out their docs on how to use popovers.