C
Storybook
T7ShippedExtension template

Login Form

Extension sign-in: email OTP or password. Composed from `Button`, `Card`, `Input`, and `Label` primitives.

Implementation: charply-extension/src/components/Auth/LoginForm.tsx` — thin Supabase wrapper around `LoginFormTemplate

Package: @charply/design/templates

Live preview

Rendered from @charply/design/templates — same components used in Storybook and intended for the extension.

Welcome Back

Sign in to sync your replies

Don't have an account?

Guidelines

docs/design/templates/login-form.md

Do

  • ✓Offer Email code and Password as equal-width method toggles.
  • ✓Use icon-leading fields for email and password/OTP.
  • ✓One primary submit per method step.

Don't

  • ✗Do not create users from the login screen (`shouldCreateUser: false` for OTP).
  • ✗Do not skip error/info banners for auth failures.

Interactive variant in Storybook → Templates.