demo · v136
Account Card Builder
Edit any field an IdP can return — id, name, email, given_name, tel, username, picture, label_hint — and the preview re-renders the FedCM account chooser tile with the alternative-fields rules: tel or username can take the second-line slot when email is empty.
Note: the alternative-fields shape is part of the IdP JSON contract — this is a builder for that JSON. The preview mirrors how Chrome renders the chooser; the real chooser is browser UI and can't be skinned.
chooser preview
resolved second-line slot
—
JSON the IdP returns
resolution rules
- If
emailis present, the chooser uses it. - Otherwise, if
telis present, it's used (phone-only IdPs work). - Otherwise, if
usernameis present, it's used. - Otherwise the second line is blank.