Giter VIP home page Giter VIP logo

flutter_buttons's Introduction

flutter_buttons

Ready-made various button styles for Flutter.

Various buttons

Finished App

Usage

Use raised button:

    KRaisedButton(
        radius: 30.0,
        color: Colors.teal,
        text: 'Raised Button',
        textColor: Colors.white,
        textFontWeight: FontWeight.bold,
        onPressed: () => {},
    ),

Use outline button:

    KOutlineButton(
        radius: 30.0,
        borderColor: Colors.teal,
        text: 'Outline Button',
        textColor: Colors.teal,
        textFontWeight: FontWeight.bold,
        onPressed: () => {},
    ),

Use flat button:

    KFlatButton(
        radius: 30.0,
        color: Colors.teal,
        text: 'Flat Button',
        textColor: Colors.white,
        textFontWeight: FontWeight.bold,
        onPressed: () => {},
    ),

Use custom button with gradient:

    GradientButton(
        buttonColorGradient: [ Colors.teal.shade100, Colors.teal.shade900 ],
        buttonBorderColor: Colors.teal,
        buttonText: 'Custom button',
        buttonTextColor: Colors.white,
        highlightColor: Colors.white30,
        splashColor: Colors.white,
        onPressed: () {},
    )

Use selected button:

    SelectedButton(
        radius: 30.0,
        unselectedButtonColor: Colors.white,
        selectedButtonColor: Colors.teal,
        text: 'Selected Button',
        unselectedTextColor: Colors.teal,
        selectedTextColor: Colors.white,
        textFontWeight: FontWeight.bold,
        iconData: Icons.email,
        unselectedIconColor: Colors.teal,
        selectedIconColor: Colors.white,
        onPressed: () {},
    ),

Getting Started

For help getting started with Flutter, view our online documentation.

For help on editing package code, view the documentation.

flutter_buttons's People

Contributors

utkarshdbodake avatar

Stargazers

avatar avatar

Watchers

avatar

Forkers

kevinbaldha

flutter_buttons's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.