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>
  <base-button size="sm" type="default"
               v-b-popover.hover.left="'Vivamus sagittis lacus vel augue laoreet rutrum faucibus.'"
               title="Popover On Left">On left
  </base-button>

  <base-button size="sm" type="default"
               v-b-popover.hover.left="'Vivamus sagittis lacus vel augue laoreet rutrum faucibus.'"
               title="Popover On Left">On left
  </base-button>

  <base-button size="sm" type="default"
               v-b-popover.hover.top="'Vivamus sagittis lacus vel augue laoreet rutrum faucibus.'"
               title="Popover On Top">On top
  </base-button>
  <base-button size="sm" type="default"
               v-b-popover.hover.right="'Vivamus sagittis lacus vel augue laoreet rutrum faucibus.'"
               title="Popover On right">On right
  </base-button>
  <base-button size="sm" type="default"
               v-b-popover.hover.bottom="'Vivamus sagittis lacus vel augue laoreet rutrum faucibus.'"
               title="Popover On bottom">On bottom
  </base-button>
</div>

Props

We used Bootstrap Vue popovers. For more info check out their docs on how to use popovers.

← Progress →