Modular UI Documentation
  • Modular UI
  • Buttons
    • MUIPrimary Button
    • MUIOutlined Button
    • MUIGradient Button
    • MUILoading Button
    • MUISecondary Button
    • MUISecondaryOutlined Button
    • MUIText Button
    • MUIPrimaryBlock Button
    • MUISecondaryBlock Button
    • MUILoadingBlock Button
    • MUIGradientBlock Button
    • MUITextBlock Button
    • MUIOutlinedBlock Button
  • Cards
    • MUIPrimary Card
    • MUIBlog Card
    • MUISimple Card
    • MUIPricing Card
    • MUIProfile Card
    • MUISignIn Card
    • MUISignUp Card
  • Carousels
  • Avatars
  • Breadcrumbs
  • CheckBox
  • Dialog
  • Input Field
  • Listtile
  • Rating
  • Slider
  • Switch
  • Tabs
Powered by GitBook
On this page
  1. Buttons

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:

MUISecondaryOutlinedButton(
          text: 'Secondary Outlined Button',
          onPressed: () {},
          bgColor: Colors.white,
          borderColor: Colors.grey.shade400,
        ),
PreviousMUISecondary ButtonNextMUIText Button

Last updated 1 year ago

modularuiwidgets
Secondary Outlined Button
Logo