Logout button widget

Explains information about logout button widget.

The logout widget can be placed in your page (typically at the header of the page), by adding the following HTML snippet. Note that you need to add the scripts for widget as explained in Adding widgets page.

<bubi-logout-button></bubi-logout-button>

Styling the button

You can apply CSS style to the anchor tag withing the bubi-logout-button tag. For example:

body bubi-logout-button a {
      display: inline-block;
      background-color: red;
      color: white;
      text-decoration: none;
      padding: 5px 10px;
}
body bubi-logout-button a:hover {
  color: white;
}

Will show the logout button like this: