BX Swiss Component Library

Global Notification

There are no notes for this item.

<div class="global-notification">
    <div class="global-notification__content">
        <h1 class="heading heading--huge">
            You are logged out
        </h1>

        <p>You have been logged out due to inactivity. Please go back to the login page and login again.</p>

        <button class="button button--primary">Login</button>
    </div>
</div>
 
<div class="global-notification">
    <div class="global-notification__content">
        {{> @heading modifier="heading--huge" label="You are logged out"}}

        <p>{{{text}}}</p>

        {{> @button label="Login" modifier="button--primary"}}
    </div>
</div>
 
{
  "text": "You have been logged out due to inactivity. Please go back to the login page and login again."
}