Button.outline constructor

const Button.outline({ Key? key, WidgetStatesController? statesController, Widget? leading, Widget? trailing, double? leadingGap, double? trailingGap, required Widget child, VoidCallback? onPressed, FocusNode? focusNode, AlignmentGeometry? alignment, bool? enabled, AbstractButtonStyle style = ButtonVariance.outline, bool disableTransition = false, ValueChanged<bool>? onFocus, ValueChanged<bool>? onHover, bool disableHoverEffect = false, bool? enableFeedback, GestureTapDownCallback? onTapDown, GestureTapUpCallback? onTapUp, GestureTapCancelCallback? onTapCancel, GestureTapDownCallback? onSecondaryTapDown, GestureTapUpCallback? onSecondaryTapUp, GestureTapCancelCallback? onSecondaryTapCancel, GestureTapDownCallback? onTertiaryTapDown, GestureTapUpCallback? onTertiaryTapUp, GestureTapCancelCallback? onTertiaryTapCancel, GestureLongPressStartCallback? onLongPressStart, GestureLongPressUpCallback? onLongPressUp, GestureLongPressMoveUpdateCallback? onLongPressMoveUpdate, GestureLongPressEndCallback? onLongPressEnd, GestureLongPressUpCallback? onSecondaryLongPress, GestureLongPressUpCallback? onTertiaryLongPress, AlignmentGeometry? marginAlignment, bool disableFocusOutline = false, })

Creates an outline button with a border and transparent background.

Outline buttons feature a visible border and transparent background, providing a minimal yet distinct appearance. They're ideal for secondary actions that need to stand out more than ghost buttons but less than filled buttons. The outline style works well in layouts where visual hierarchy matters.

Example:

Button.outline(
  onPressed: () => showMore(),
  child: Text('Learn More'),
);

Implementation

const Button.outline({
  super.key,
  this.statesController,
  this.leading,
  this.trailing,
  this.leadingGap,
  this.trailingGap,
  required this.child,
  this.onPressed,
  this.focusNode,
  this.alignment,
  this.enabled,
  this.style = ButtonVariance.outline,
  this.disableTransition = false,
  this.onFocus,
  this.onHover,
  this.disableHoverEffect = false,
  this.enableFeedback,
  this.onTapDown,
  this.onTapUp,
  this.onTapCancel,
  this.onSecondaryTapDown,
  this.onSecondaryTapUp,
  this.onSecondaryTapCancel,
  this.onTertiaryTapDown,
  this.onTertiaryTapUp,
  this.onTertiaryTapCancel,
  this.onLongPressStart,
  this.onLongPressUp,
  this.onLongPressMoveUpdate,
  this.onLongPressEnd,
  this.onSecondaryLongPress,
  this.onTertiaryLongPress,
  this.marginAlignment,
  this.disableFocusOutline = false,
});