Hiyve Components - v1.0.0
    Preparing search index...

    Interface RegisterFormProps

    Props for the RegisterForm component.

    interface RegisterFormProps {
        beforeSubmit?: ReactNode;
        colors?: Partial<RegisterFormColors>;
        customFields?: RegisterCustomField[];
        defaultEmail?: string;
        defaultPassword?: string;
        icons?: Partial<RegisterFormIcons>;
        labels?: Partial<RegisterFormLabels>;
        lockEmail?: boolean;
        minLength?: number;
        onEmailBlur?: (email: string) => void;
        onError?: (error: Error) => void;
        onLogin?: () => void;
        onSuccess?: (user: AuthUser) => void;
        passwordRequirementsVariant?: "list" | "compact";
        requireName?: boolean;
        showLoginLink?: boolean;
        styles?: Partial<RegisterFormStyles>;
        sx?: SxProps<Theme>;
    }
    Index

    Properties

    beforeSubmit?: ReactNode

    Optional content rendered just above the submit button — for a supplementary control the built-in fields don't cover (e.g. a toggle that reveals an extra input, a consent checkbox, or a short notice). Managed entirely by the consumer; the form does not read or submit it.

    colors?: Partial<RegisterFormColors>

    Override default color values

    customFields?: RegisterCustomField[]

    Custom fields rendered after the name field. Values are sent as metadata on register.

    defaultEmail?: string

    Pre-fill the email field (e.g. from an invitation link).

    defaultPassword?: string

    Pre-fill the password and confirm-password fields.

    For flows where the consumer ALREADY HOLDS a credential the user has just proved — e.g. importing an account from a system being replaced, where the user authenticated with their old password moments earlier. Saves them inventing a second password at the highest-abandonment moment.

    The value is only an initial value: the fields stay editable, and the form validates it exactly like a typed one (so a password that fails the policy still surfaces the normal error). Pass undefined for the normal empty form.

    icons?: Partial<RegisterFormIcons>

    Override default icons

    labels?: Partial<RegisterFormLabels>

    Override default text strings

    lockEmail?: boolean

    Render the email field read-only. Pair with defaultEmail when the address is fixed by context (e.g. an invitation) and must not be changed.

    minLength?: number

    Minimum password length to state and enforce in the requirement list, when the organisation has raised it above the identity default of 8.

    onEmailBlur?: (email: string) => void

    Called when the email field loses focus with a non-empty value, and again on submit before the account is created. Use it to look the address up before registration completes — e.g. to tell the user an account already exists, to require SSO for a managed domain, or to offer a data-import path for a matching account in a system being replaced.

    Purely a notification: the form neither waits for it nor changes behavior based on it. To block or divert submission, render your own UI (a dialog, or beforeSubmit content) in response.

    onError?: (error: Error) => void

    Called when a registration attempt fails

    onLogin?: () => void

    Called when the user clicks the "Sign in" link

    onSuccess?: (user: AuthUser) => void

    Called when registration completes successfully

    passwordRequirementsVariant?: "list" | "compact"

    How the password rules are shown under the field: 'list' (default), one line per rule with a heading, or 'compact', a single wrapping row of small chips that tick as they are met.

    requireName?: boolean

    Make the name field required (default: false)

    showLoginLink?: boolean

    Show the "Already have an account?" link (default: true)

    styles?: Partial<RegisterFormStyles>

    Override default dimensions and spacing

    sx?: SxProps<Theme>

    MUI sx prop applied to the root container