Tooltips

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-tooltip content="Tooltip on left" placement="left">
    <base-button size="sm" type="primary" class="btn-tooltip">
      On left
    </base-button>
  </el-tooltip>
  
   <el-tooltip content="Tooltip on top" placement="top">
    <base-button size="sm" type="primary" class="btn-tooltip">
      On top
    </base-button>
  </el-tooltip>
    
   <el-tooltip content="Tooltip on bottom" placement="bottom">
    <base-button size="sm" type="primary" class="btn-tooltip">
      On bottom
    </base-button>
  </el-tooltip>  
 
  <el-tooltip content="Tooltip on right" placement="right">
     <base-button size="sm" type="primary" class="btn-tooltip">
       On right
     </base-button>
   </el-tooltip>
</div>
Show Code

Props

We used Element UI tooltips. For more info check out their docs on how to use tooltips.