Login Form

Simple login form as an organism composed of Label, Input, and Button.

Preview

Sign in

Use your account email and password.

Forgot password?

Error state

Sign in

Use your account email and password.

Please enter a valid email address.

Password is required.

Forgot password?

Scope

  • This is an organism-level example in the sense of Atomic Design.
  • Shows default, error, and loading states using existing system components.
  • Includes "Forgot password?" link for user control.
  • Intentionally stays HTML/CSS only for now.
  • Next step: Password Input variant with visibility toggle (see issue).
  • Next step: JS enhancement for accessibility (validation messaging, live region feedback, and robust focus management).