MUISignUp Card

A sign-up card with OAuth support provided by ModularUI.

Properties

• emailController: TextEditingController - Text Editing Controller for email.

• passwordController: TextEditingController - Text Editing Controller for password.

• confirmPasswordController: TextEditingController - Text Editing Controller for confirming password.

• onSignUpPressed: Future Function() - Future function to be executed on sign-up. Must be an awaited function.

• onLogInNowPressed: VoidCallback - Callback function to be executed when "Login Now" is clicked.

• bgColor: Color - Background color of the card, default: Colors.black.

• accentColor: Color - Accent color of the card, contrasting with bgColor, default: Colors.white.

• borderColor: Color - Border color for the card, default: Colors.grey.

• borderWidth: double - Border width for the card, default: 1.5.

• borderRadius: double - Border radius for the card, default: 12.

• maxWidth: double - Maximum width of the card, default: 430. Responsive to screen size.

• authButtons: List - List of Flutter Widgets or ModularUI Widgets to be used as authentication buttons.

• emailController: TextEditingController - Text Editing Controller for email.

• passwordController: TextEditingController - Text Editing Controller for password.

• confirmPasswordController: TextEditingController - Text Editing Controller for confirming password.

Example Usage

modularuiwidgetsverdant-lokum-9bd5c2.netlify.app

Sign Up Card

MUISignUpCard(
          emailController: TextEditingController(),
          passwordController: TextEditingController(),
          confirmPasswordController: TextEditingController(),
          onSignUpPressed: () async {
            await Future.delayed(const Duration(milliseconds: 500));
          },
          onLogInNowPressed: () {},
          authButtons: [
            MUISecondaryOutlinedButton(text: ' Google ', onPressed: (){}, bgColor: Colors.black, textColor: Colors.white, borderColor: Colors.grey.shade900, leadingIcon: FontAwesomeIcons.google, iconColor: Colors.white),
            MUISecondaryOutlinedButton(text: ' Github ', onPressed: (){}, bgColor: Colors.black, textColor: Colors.white, borderColor: Colors.grey.shade900, leadingIcon: FontAwesomeIcons.github, iconColor: Colors.white),
          ],
        ),

Notes

• Provides a customizable and responsive sign-up card with OAuth support.

• Customize appearance and layout using the provided properties.

• Supports additional authentication buttons.

• Ensures that the entered password and confirmed password match before invoking the sign-up function.