User Info Demo
Logged In User
If your website provides anything to the slot 'user-name' then it will know that the user is logged in. If this is not provided, it will believe no one is logged in.
As Part of Header with Search
As Part of Header with Search (Logged In)
Overriding CMS Styles
Many Content Management Systems will add extra divs and spans around your login/logout links. Unfortunately, Web Components only allow you to style directly in the Shadow DOM. To fix this, you'll need some custom CSS. The exact CSS needed will vary depending on your CMS, but this should give you the idea.