Logout button

[elchininet]

Folks,
If you would like to follow @Mariusthvdb’s recommendation of using custom-sidebar.

Log out without confirmation

A log-out button that once clicked, logs out the user without asking for confirmation:

order:
  - new_item: true
    item: 'Log out'
    icon: 'mdi:power'
    icon_color: 'var(--error-color)'
    text_color: 'var(--error-color)'
    on_click:
      action: 'javascript'
      code: |
        hass.auth.revoke();
        hass.connection.close();
        window.localStorage.clear();
        document.location.href = '/';

Log out with confirmation

A log-out button that once clicked, opens a confirm dialog to log out the user:

order:
  - new_item: true
    item: 'Log out'
    icon: 'mdi:power'
    icon_color: 'var(--error-color)'
    text_color: 'var(--error-color)'
    on_click:
      action: 'javascript'
      code: |
        openConfirmDialog({
          title: 'Log out?',
          text: 'Are you sure you want to log out?',
          confirmText: 'Log out',
          destructive: true,
          confirm: () => {
            hass.auth.revoke();
            hass.connection.close();
            window.localStorage.clear();
            document.location.href = '/';
          }
        });