customizable_buttons 1.0.0 copy "customizable_buttons: ^1.0.0" to clipboard
customizable_buttons: ^1.0.0 copied to clipboard

A highly customizable Flutter button widget with rich styling options, interactive animations, and responsive design support.

Customizable Buttons #

A highly customizable Flutter button widget that offers rich styling options, smooth animations, and interactive effects. Perfect for creating engaging and consistent button designs across your Flutter applications.

pub package likes popularity pub points

Features #

  • 🎨 Highly Customizable: Customize colors, dimensions, border radius, and elevation
  • Interactive Animations: Built-in scale and hover animations
  • 🔄 State Management: Proper handling of pressed, hover, and disabled states
  • 📱 Responsive: Works seamlessly across different screen sizes
  • 🎯 Easy to Use: Simple API with sensible defaults

[Button Examples]

Getting Started #

Add this to your package's pubspec.yaml file:

dependencies:
  customizable_buttons: ^1.0.0

Then run:

$ flutter pub get

Usage #

import 'package:customizable_buttons/customizable_buttons.dart';

// Default button with minimal configuration
CustomizableButton(
  onPressed: () {
    print('Button pressed!');
  },
  child: Text('Click Me'),
);

// Fancy button with custom styling
CustomizableButton(
  onPressed: () {
    print('Fancy button pressed!');
  },
  child: Text('Fancy Button'),
  color: Colors.purple,
  width: 180,
  height: 50,
  borderRadius: BorderRadius.circular(25),
  elevation: 4,
  enableScaleAnimation: true,
  enableHoverEffect: true,
);

// Disabled button
CustomizableButton(
  onPressed: null,
  child: Text('Disabled'),
  disabledColor: Colors.grey[400],
);

Properties #

Property Type Default Description
onPressed VoidCallback? null Callback when button is pressed. If null, button is disabled.
child Widget Required The widget to display inside the button.
color Color? Colors.blue The background color of the button.
disabledColor Color? Colors.grey[400] The color when button is disabled.
width double 120 The width of the button.
height double 50 The height of the button.
borderRadius BorderRadiusGeometry? BorderRadius.circular(8) The border radius of the button.
elevation double 2 The elevation of the button.
animationDuration Duration 200ms Duration of the press/hover animations.
enableScaleAnimation bool true Whether to enable scale animation on press.
enableHoverEffect bool true Whether to enable hover effect.

Additional Information #

  • Bug Reports and Feature Requests: Please file issues on the GitHub repository
  • Contributing: Contributions are welcome! Please read our contributing guidelines before submitting PRs
  • License: This project is licensed under the MIT License - see the LICENSE file for details

For more examples and detailed documentation, visit our documentation site.

0
likes
140
points
29
downloads

Documentation

API reference

Publisher

unverified uploader

Weekly Downloads

A highly customizable Flutter button widget with rich styling options, interactive animations, and responsive design support.

License

MIT (license)

Dependencies

flutter

More

Packages that depend on customizable_buttons