Skip to main content
Design System
Use / Download Contribute

Log In

A shell for your web application log in.

Find a bug? Create an issue.
Have an idea for a new component? Tell us.

Log In Card

Introduced in Version 1.0.0

Log In

Forgot password?

CleanSlate Implementation Notes What’s this?

When Using a Shared Partial

  • Add a wvu-log-in partial to a template.
  • NOTE: This is not a functional log in that is integrated with CleanSlate i.e. it does not allow a user to log in with their Master ID. It is only a shell. You must integrate your own log in system, for example by including it in an <iframe>.

When Using the Super Template

  • Add a log-in component to a slot.
  • NOTE: This is not a functional log in that is integrated with CleanSlate i.e. it does not allow a user to log in with their Master ID. It is only a shell. You must integrate your own log in system, for example by including it in an <iframe>.

Element Styles

  • Apply these utility classes to component container:
    bg-wvu-neutral--dark-gray py-5 wvu-bg-position-bottom wvu-bg-topo-light wvu-bg-blend-mode-luminosity--80 wvu-overflow-hidden
  • If you want to add a background image, upload your image to Files and label the image with {page-slug}-log-in-{instance-number}-background.

If you need help customizing your theme, check out our tutorials for creating a CleanSlate theme, creating a CleanSlate template using a WVU Design System component, and using the Super Template. We also have a Beginner’s Guide.