Skip to content

Custom Flutter button with gradient background for visually appealing UI.

License

Notifications You must be signed in to change notification settings

ChegzDev/gradient_elevated_button

Repository files navigation

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!

About

Custom Flutter button with gradient background for visually appealing UI.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Languages