tb_custom_button

Description:

tb custom button

TB Custom Button package helps you easily create basic or custom button.
Features #
iOS #
<img src="https://raw.githubusercontent.com/yalamandarao/demo_images/main/ios_custom_button.png" alt="/>
MacOS #
<img src="https://raw.githubusercontent.com/yalamandarao/demo_images/main/macos_custom_button.png" alt="/>
Web #
<img src="https://raw.githubusercontent.com/yalamandarao/demo_images/main/web_custom_buttons.png" alt="/>
Getting started #
To use this package, add tb_custom_button as a dependency in your pubspec.yaml file. And add this import to your file.
import 'package:tb_custom_button/tb_custom_button.dart';
copied to clipboard
Installation #
Add to pubspec.yaml
dependencies:
...
tb_custom_button: ^0.0.2
copied to clipboard
Usage #

MTSCustomButton(
primaryColor: const Color.fromARGB(255, 14, 5, 90),
onPrimaryColor: Colors.white,
title: "Normal",
width: 148,
height: 34,
spaceInImageAndTitle: 10,
onTap: () {},
borderRadius: 7.0,
);


MTSCustomButton(
primaryColor: const Color(0xFF26bcb3),
onPrimaryColor: Colors.white,
title: "Sign Up",
width: 148,
imageHeight: 20,
spaceInImageAndTitle: 10,
imageWidht: 20,
buttonImageNamge: 'assets/icons/smiley_icon.png',
onTap: () {},
borderRadius: 7.0,
);

MTSCustomButton(
primaryColor: const Color.fromARGB(255, 149, 40, 13),
onPrimaryColor: Colors.white,
title: "Login",
width: 148,
buttonIcon: Icons.login,
imageHeight: 20,
imageWidht: 20,
spaceInImageAndTitle: 5,
height: 50,
onTap: () {
log("Welcome");
},
borderRadius: 25.0,
);

MTSCustomButton(
primaryColor: const Color.fromARGB(255, 20, 5, 1),
onPrimaryColor: Colors.white,
title: "Right Side Image",
width: 248,
buttonIcon: Icons.login,
imageHeight: 20,
imageWidht: 20,
isIconOrImageRightSide: true,
spaceInImageAndTitle: 5,
height: 50,
onTap: () {
log("Welcome");
},
borderRadius: 25.0,
);

MTSCustomButton(
primaryColor: const Color.fromARGB(255, 54, 137, 2),
onPrimaryColor: Colors.white,
title: "Logout",
width: 148,
buttonIcon: Icons.logout,
imageHeight: 20,
imageWidht: 20,
height: 50,
isColumnButton: true,
spaceInImageAndTitle: 0,
side: const BorderSide(color: Colors.white, width: 2),
onTap: () {
log("Welcome");
},
borderRadius: 25.0,
);

MTSCustomButton(
primaryColor: const Color.fromARGB(255, 54, 137, 2),
onPrimaryColor: Colors.white,
title: "Sample",
width: 248,
buttonIcon: Icons.logout,
imageHeight: 20,
imageWidht: 20,
height: 50,
isColumnButton: true,
isIconOrImageRightSide: true,
spaceInImageAndTitle: 0,
side: const BorderSide(color: Colors.white, width: 2),
onTap: () {
log("Welcome");
},
borderRadius: 25.0,
);

copied to clipboard