AtomicButton class
A modern, customizable button component following atomic design principles.
The AtomicButton provides a comprehensive button solution with multiple variants, sizes, loading states, and icon support. Built with Material Design 3 principles and optimized for accessibility.
Features:
- Multiple variants (primary, secondary, tertiary, ghost, destructive)
- Three sizes (small, medium, large)
- Loading state with animated indicators
- Icon support with flexible positioning
- Full-width option for forms
- Accessibility optimized (screen readers, focus handling)
- Smooth animations and hover effects
Example usage:
AtomicButton(
label: 'Save Changes',
onPressed: () => _handleSave(),
variant: AtomicButtonVariant.primary,
size: AtomicButtonSize.large,
icon: Icons.save,
isLoading: _isSaving,
)
For icon-only buttons, consider using AtomicIconButton instead.
- Inheritance
-
- Object
- DiagnosticableTree
- Widget
- StatefulWidget
- AtomicButton
Constructors
- AtomicButton.new({Key? key, required String label, required VoidCallback? onPressed, AtomicButtonVariant variant = AtomicButtonVariant.primary, AtomicButtonSize size = AtomicButtonSize.medium, bool isLoading = false, bool isDisabled = false, IconData? icon, AtomicButtonIconPosition iconPosition = AtomicButtonIconPosition.start, bool isFullWidth = false})
-
const
Properties
- hashCode → int
-
The hash code for this object.
no setterinherited
- icon → IconData?
-
final
- iconPosition → AtomicButtonIconPosition
-
final
- isDisabled → bool
-
final
- isFullWidth → bool
-
final
- isLoading → bool
-
final
- key → Key?
-
Controls how one widget replaces another widget in the tree.
finalinherited
- label → String
-
final
- onPressed → VoidCallback?
-
final
- runtimeType → Type
-
A representation of the runtime type of the object.
no setterinherited
- size → AtomicButtonSize
-
final
- variant → AtomicButtonVariant
-
final
Methods
-
createElement(
) → StatefulElement -
Creates a StatefulElement to manage this widget's location in the tree.
inherited
-
createState(
) → State< AtomicButton> -
Creates the mutable state for this widget at a given location in the tree.
override
-
debugDescribeChildren(
) → List< DiagnosticsNode> -
Returns a list of DiagnosticsNode objects describing this node's
children.
inherited
-
debugFillProperties(
DiagnosticPropertiesBuilder properties) → void -
Add additional properties associated with the node.
inherited
-
noSuchMethod(
Invocation invocation) → dynamic -
Invoked when a nonexistent method or property is accessed.
inherited
-
toDiagnosticsNode(
{String? name, DiagnosticsTreeStyle? style}) → DiagnosticsNode -
Returns a debug representation of the object that is used by debugging
tools and by DiagnosticsNode.toStringDeep.
inherited
-
toString(
{DiagnosticLevel minLevel = DiagnosticLevel.info}) → String -
A string representation of this object.
inherited
-
toStringDeep(
{String prefixLineOne = '', String? prefixOtherLines, DiagnosticLevel minLevel = DiagnosticLevel.debug, int wrapWidth = 65}) → String -
Returns a string representation of this node and its descendants.
inherited
-
toStringShallow(
{String joiner = ', ', DiagnosticLevel minLevel = DiagnosticLevel.debug}) → String -
Returns a one-line detailed description of the object.
inherited
-
toStringShort(
) → String -
A short, textual description of this widget.
inherited
Operators
-
operator ==(
Object other) → bool -
The equality operator.
inherited