LoginForm/Page

LoginForm and LoginFormPage are variants of ProForm. They are specially implemented to adapt to common login form layouts. They are suitable for various login scenarios and reduce layout pressure.

Login form

page level LoginForm

LoginForm

LoginForm represents the more common centered layout style.

parameterdescriptiontypedefault value
logoConfiguration of logo, supports ReactNode and stringReactNode | url-
titletitle, can be emptyReactNode-
subTitleSecondary title, can be configured as emptyReactNode-
actionsCustomize additional login functionalityReactNode
messageA prompt configuration at the top of the form, you can configure some error messageReactNode-

LoginFormPage

LoginFormPage uses the left and right layout, and adds some ad slot configuration.

parameterdescriptiontypedefault value
logoConfiguration of logo, supports ReactNode and stringReactNode | url-
titletitle, can be emptyReactNode-
subTitleSecondary title, can be configured as emptyReactNode-
actionsCustomize additional login functionalityReactNode
messageA prompt configuration at the top of the form, you can configure some error messageReactNode-
backgroundImageUrlThe background image configuration of the entire area, it will not be displayed on the mobile phoneurl-
activityConfigThe configuration of the activity, including title, subTitle, action, which represent the title, subtitle and action button respectively. You can also configure style to control the style of the area{title,subTitle,action,style}-