MUIGradientBlock Button

A customizable gradient block level button by ModularUI with optional icons.

Parameters:

• text: The text to display inside the button.

• onPressed: A callback function to be executed when the button is pressed.

• bgGradient: Background gradient of the gradient block button. Default is a black to grey linear gradient.

• textColor: Text color of the gradient block button. Default is Colors.white.

• borderRadius: Border radius for the gradient block button. Default is 10.

• animationDuration: Duration of the animation when the button is pressed in milliseconds. Default is 250ms.

• hapticsEnabled: Enables light haptic feedback. Default is false.

• widthFactorPressed: A double value multiplied by the current screen width when the button is pressed.

• heightFactor: A double value multiplied by the current screen height, determining the height of the button.

• leadingIcon: Optional leading icon for the button.

• actionIcon: Optional action icon for the button.

• iconColor: Icon color for both leading and action icons. Default is Colors.white.

• widthFactor: A double value multiplied by the current screen width when the button is not pressed.

• boxShadows: Box shadows for the button.

modularuiwidgetssunny-cassata-dfe2d4.netlify.app

Gradient Block Button

MUIGradientBlockButton(
        text: 'Gradient Block Button',
        onPressed: () {},
        bgGradient: const LinearGradient(
          colors: [Color(0xff5a44fd), Color(0xff1c2c7d)],
          stops: [0.25, 0.75],
          begin: Alignment.bottomRight,
          end: Alignment.topLeft,
        ),
        boxShadows: [
        BoxShadow(
          color: const Color.fromARGB(255, 0, 15, 110).withOpacity(1),
          offset: const Offset(-8, -1),
          blurRadius: 50,
          spreadRadius: -1,
        ),
      ],
      ),