PF Next

Login Box

Login box

Preview

<div class="pf-c-login-box">
  <div class="pf-c-login-box__header">
    Header
  </div>
  <div class="pf-c-login-box__body">
    Body
  </div>
  <div class="pf-c-login-box__footer">
    Footer
  </div>
</div>

Documentation

Overview

A Login box is a rectangular container specially crafted to be placed on the login page.

Usage

Class Applied To Outcome
.pf-c-login-box <div> Initiates the Login box.
.pf-c-login-box__header <div> Creates the header of the Login box.
.pf-c-login-box__body <div> Creates the body of the Login box.
.pf-c-login-box__footer <div> Creates the footer of the Login box.