English Espanol Japanese
Notifications
Critical alert: Server crash detected
Just now
Emiliya mentioned in you a comment
1h
Backup completed successfully
2h
Profile updated successfully
3h
Nikita sent you a friend request
Accept
2d
API updated
3d
View All
Theme
Sidebar

Tooltips & popovers

  1. Home
  3. Components
  5. Tooltips & popovers
Tooltips

<button class="btn btn-sm btn-default" type="button" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Tooltip on Left">
left
</button>
<button class="btn btn-sm btn-default" type="button" data-bs-toggle="tooltip" data-bs-placement="right" data-bs-title="Tooltip on Right">
right
</button>
<button class="btn btn-sm btn-default" type="button" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Tooltip on Top">
 top
</button>
<button class="btn btn-sm btn-default" type="button" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="Tooltip on Bottom">
bottom
</button>
Popovers

<button class="btn btn-sm btn-default" type="button" data-bs-toggle="popover" data-bs-placement="top"
    data-bs-trigger="focus" data-bs-title="Popover Title" data-bs-content="This popover is content of this popover.">
    Header popover
</button>
<button type="button" class="btn btn-sm btn-default" data-bs-html="true" data-bs-toggle="popover"
    data-bs-placement="top" data-bs-trigger="focus"
    data-bs-content='Popover with a <a href="#!" class="text-primary">Link</a>'>
    Popover with a
</button>