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.

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,
        ),
      ],
      ),

Last updated