Skip to main content

Changing Field Labels and Placeholder text

If you would like to modify the fields in the login widget, by changing UI labels or placeholder text, you can do so by modifying the formFields property when initializing SuperTokens on the frontend.

import SuperTokens from "supertokens-auth-react";import EmailPassword from "supertokens-auth-react/recipe/emailpassword";import Session from "supertokens-auth-react/recipe/session";
SuperTokens.init({    appInfo: {        apiDomain: "...",        appName: "...",        websiteDomain: "..."    },    recipeList: [        EmailPassword.init({            signInAndUpFeature: {                signInForm: {                    formFields: [{                        id: "email",                        label: "customFieldName",                        placeholder: "Custom value"                    }]                }            }        }),        Session.init()    ]});
Prebuilt form UI with custom labels and placeholder
What type of UI do you want to use?
Custom UI
Pre built UI