Components v2 Home Header Menu Search User Login Footer Test

User Info Demo

Simple Setup

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.