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

Custom Flutter button with gradient background for visually appealing UI.

GradientElevatedButton #

pub package GitHub license

A GradientElevatedButton is a custom button widget that provides a visually appealing gradient background. It inherits from the ElevatedButton widget, which is a built-in button widget that displays a material-style raised button. The GradientElevatedButton extends the functionality of the ElevatedButton by adding the ability to specify a gradient background for the button.

Demo

Installation #

To use GradientElevatedButton, add it to your dependencies in pubspec.yaml:

dependencies :
  gradient_elevated_button : ^0.0.5

Usage #

Simply import the package and use the GradientElevatedButton widget in your Flutter app. Here is an example:

GradientElevatedButton(
  onPressed: () {

  },
  style: GradientElevatedButton.styleFrom(
    gradient: const LinearGradient(colors: [
      Color.fromARGB(255, 166, 206, 57),
      Color.fromARGB(255, 0, 175, 173),
    ],
      begin: Alignment.topCenter,
      end: Alignment.bottomCenter,
    ),
  ),
  child: const Text("This is Gradient Elevated Button"),
),

Example #

click here for example

Issues and feedback #

Please file issues and feedback using the Github issues page for this repository.

If you have any suggestions or feedback, please send an email to chegz.dev@gmail.com and we'll be happy to hear from you!

5
likes
160
pub points
83%
popularity

Publisher

unverified uploader

Custom Flutter button with gradient background for visually appealing UI.

Repository (GitHub)
View/report issues

Documentation

API reference

License

BSD-3-Clause (LICENSE)

Dependencies

flutter

More

Packages that depend on gradient_elevated_button