ElevatedButtonWidgetExtensions extension

Extension methods for creating various types of Material Design buttons from any Widget.

This extension provides a fluent API for wrapping widgets in different button types including ElevatedButton, FilledButton, OutlinedButton, and TextButton, along with their icon variants.

All methods follow Material Design 3 specifications and provide comprehensive customization options for styling, behavior, and accessibility.

Example usage:

Text('Click me')
  .elevatedButton(onPressed: () => print('Pressed!'))
on

Methods

elevatedButton({required void onPressed()?, void onLongPress()?, void onHover(bool)?, void onFocusChange(bool)?, ButtonStyle? style, FocusNode? focusNode, bool autofocus = false, Clip? clipBehavior, WidgetStatesController? statesController}) → ElevatedButton

Available on Widget, provided by the ElevatedButtonWidgetExtensions extension

Creates an ElevatedButton with this widget as its child.
elevatedIconButton({required void onPressed()?, void onLongPress()?, void onHover(bool)?, void onFocusChange(bool)?, ButtonStyle? style, FocusNode? focusNode, bool? autofocus, Clip? clipBehavior, WidgetStatesController? statesController, Widget? icon, IconAlignment? iconAlignment}) → ElevatedButton

Available on Widget, provided by the ElevatedButtonWidgetExtensions extension

Creates an ElevatedButton.icon with this widget as its label and an optional icon.
filledButton({required void onPressed()?, void onLongPress()?, void onHover(bool)?, void onFocusChange(bool)?, ButtonStyle? style, FocusNode? focusNode, bool autofocus = false, Clip? clipBehavior = Clip.none, WidgetStatesController? statesController}) → FilledButton

Available on Widget, provided by the ElevatedButtonWidgetExtensions extension

Creates a FilledButton with this widget as its child.
filledIconButton({required void onPressed()?, void onLongPress()?, void onHover(bool)?, void onFocusChange(bool)?, ButtonStyle? style, FocusNode? focusNode, bool? autofocus, Clip? clipBehavior, WidgetStatesController? statesController, Widget? icon, IconAlignment? iconAlignment}) → FilledButton

Available on Widget, provided by the ElevatedButtonWidgetExtensions extension

Creates a FilledButton.icon with this widget as its label and an optional icon.
filledTonalButton({required void onPressed()?, void onLongPress()?, void onHover(bool)?, void onFocusChange(bool)?, ButtonStyle? style, FocusNode? focusNode, bool autofocus = false, Clip? clipBehavior = Clip.none, WidgetStatesController? statesController}) → FilledButton

Available on Widget, provided by the ElevatedButtonWidgetExtensions extension

Creates a FilledButton.tonal with this widget as its child.
filledTonalIconButton({required void onPressed()?, void onLongPress()?, void onHover(bool)?, void onFocusChange(bool)?, ButtonStyle? style, FocusNode? focusNode, bool? autofocus, Clip? clipBehavior, WidgetStatesController? statesController, Widget? icon, IconAlignment? iconAlignment}) → FilledButton

Available on Widget, provided by the ElevatedButtonWidgetExtensions extension

Creates a FilledButton.tonalIcon with this widget as its label and an optional icon.
outlinedButton({required void onPressed()?, void onLongPress()?, void onHover(bool)?, void onFocusChange(bool)?, ButtonStyle? style, FocusNode? focusNode, bool autofocus = false, Clip? clipBehavior, WidgetStatesController? statesController}) → OutlinedButton

Available on Widget, provided by the ElevatedButtonWidgetExtensions extension

Creates an OutlinedButton with this widget as its child.
outlinedIconButton({required void onPressed()?, void onLongPress()?, void onHover(bool)?, void onFocusChange(bool)?, ButtonStyle? style, FocusNode? focusNode, bool? autofocus, Clip? clipBehavior, WidgetStatesController? statesController, Widget? icon, IconAlignment? iconAlignment}) → OutlinedButton

Available on Widget, provided by the ElevatedButtonWidgetExtensions extension

Creates an OutlinedButton.icon with this widget as its label and an optional icon.
textButton({required void onPressed()?, void onLongPress()?, void onHover(bool)?, void onFocusChange(bool)?, ButtonStyle? style, FocusNode? focusNode, bool autofocus = false, Clip? clipBehavior, WidgetStatesController? statesController, bool? isSemanticButton = true}) → TextButton

Available on Widget, provided by the ElevatedButtonWidgetExtensions extension

Creates a TextButton with this widget as its child.
textIconButton({required void onPressed()?, void onLongPress()?, void onHover(bool)?, void onFocusChange(bool)?, ButtonStyle? style, FocusNode? focusNode, bool? autofocus, Clip? clipBehavior, WidgetStatesController? statesController, Widget? icon, IconAlignment? iconAlignment}) → TextButton

Available on Widget, provided by the ElevatedButtonWidgetExtensions extension

Creates a TextButton.icon with this widget as its label and an optional icon.