ui-kit-htx previewGitHub
← auth

login_card

6 stories — source: login_card.greg.py

basic-auth

IFP COEIFP COE

Sign in

Use your IFP credentials

The COE/CAW/RDB shape today: brand + heading + PasswordLoginForm in the body slot.

with-error

IFP COE

Sign in

Server-stamped error after a bad password attempt — the `error_message` prop wraps in the kit's standard Alert.

with-footer-link

IFP COE

Sign in

Footer slot for meta-actions like password reset.

2fa-verify

Enter verification code

6-digit code from your authenticator app

OtpInput would render here in a real flow.

Same chrome, different body — proves the slot model: 2FA verify reuses LoginCard without forking. Drop OtpInput in the body for the real implementation.

custom-error-slot

IFP COE

Sign in

When a string isn't enough, drop a full Alert (with title) into the `error` slot — slot wins over `error_message` prop.

bare-chrome

Body content with no brand/heading/footer.

Empty defaults — every slot is optional.