xxxxxxxxxx
OutlineButton(
borderSide: BorderSide(
color: Colors.blue, // Set the desired border color here
width: 2, // Set the desired border width
),
onPressed: () {
// Handle button press
},
child: Text('Outlined Button'),
)
xxxxxxxxxx
OutlinedButton(
onPressed: () {},
child: Text('Outlined button'),
style: OutlinedButton.styleFrom(
side: BorderSide(width: 5.0, color: Colors.blue),
),
)
xxxxxxxxxx
OutlinedButton(
child: Text('Woolha.com'),
style: OutlinedButton.styleFrom(
primary: Colors.white,
backgroundColor: Colors.teal,
shape: const RoundedRectangleBorder(borderRadius: BorderRadius.all(Radius.circular(10))),
),
)
xxxxxxxxxx
child: OutlinedButton(
onPressed: onPressed,
child: CustomText(
text,
style: TextStyle(
fontWeight: FontWeight.w600,
fontSize: 14,
color: Colors.black),
),
style: OutlinedButton.styleFrom(backgroundColor: Colors.orange, side: BorderSide(color: Colors.amber)),
),
xxxxxxxxxx
OutlinedButton(
onPressed: () {},
style: OutlinedButton.styleFrom(
side: const BorderSide(
width: 1,
color: Colors.red,
style: BorderStyle.solid,
)),
child: const Text('Text Button Example'),
);
xxxxxxxxxx
FloatingActionButton(
mini: false,
backgroundColor: Colors.blue.shade900,
splashColor: Colors.black,
onPressed: () {
logOutDialog(context);
},
hoverElevation: 1.5,
shape: StadiumBorder(
side: BorderSide(
color: Colors.blue, width: 4)),
elevation: 1.5,
child: Icon(
Icons.logout,
color: _foregroundColor,
),
)
xxxxxxxxxx
OutlinedButton(
style: OutlinedButton.styleFrom(
side: BorderSide(
color: Colors.green, // Replace with the desired border color
width: 2.0, // Replace with the desired border width
),
),
onPressed: () {
// Add your onPressed logic here
},
child: Text('Outlined Button'),
),