MUISecondaryOutlined Button

A customizable secondary outlined 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.

  • bgColor: Background color of the outlined block button. Default is transparent.

  • tappedBgColor: Background color of the outlined block button when tapped. Default is grey.

  • textColor: Text color of the outlined block button. Default is black.

  • borderColor: Border color for the outlined button. Default is grey.

  • borderWidth: Border width of the outlined button. Default is 2.

  • borderRadius: Border radius for the outlined 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.

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

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

  • 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 black.

  • boxShadows: Box shadows for the button.

Comonent:

Logomodularuiwidgetssunny-cassata-dfe2d4.netlify.app
Secondary Outlined Button
MUISecondaryOutlinedButton(
          text: 'Secondary Outlined Button',
          onPressed: () {},
          bgColor: Colors.white,
          borderColor: Colors.grey.shade400,
        ),
PreviousMUISecondary ButtonNextMUIText Button

Last updated