Skip to content

chipinvision/edgy_button

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

edgy_button - Pin Edged Button in Flutter

A new and unique style of button that will take your Flutter Project to a next level

Demo

screenshot

Getting started

  • In pubspec.yaml file, add the following dependency:

      edgy_button: ^0.0.1
    
  • Import the package into your project:

      import 'package:edgy_button/edgy_button.dart';
    
  • You can now use the EdgyButton() anywhere in the project

      // For normal Button
      EdgyButton(
             buttonHeight: 50,
             buttonWidth: 200,
             label: 'BUTTON',
             labelStyle: const TextStyle(
               fontWeight: FontWeight.bold,
               fontSize: 24,
               color: Colors.white,
             ),
             buttonColor: Colors.redAccent,
             onPressed: (){
               log('Clicked');
             },
         ),
         
       // For bordered Button
       EdgyButton(
           buttonHeight: 50,
           buttonWidth: 200,
           label: 'BUTTON',
           labelStyle: const TextStyle(
             fontWeight: FontWeight.bold,
             fontSize: 24,
             color: Colors.green,
           ),
           border: Border.all(
             color: Colors.green,
             width: 2,
           ),
           buttonColor: Colors.transparent,
           onPressed: (){
             log('Clicked Pro');
           },
         ),
    

Features

Property Description
buttonHeight (required) Height of the Button
buttonWidth (required) Width of the Button
label (required) Text inside the Button
labelstyle For styling the text
buttonColor (required) Color of the Button
onPressed (required) onPressed Function
border Add border to the Button