OutlinedButton(

  child: Text('Woolha.com'),

  style: OutlinedButton.styleFrom(

    primary: Colors.white,

    backgroundColor: Colors.teal,

    shape: const RoundedRectangleBorder(borderRadius: BorderRadius.all(Radius.circular(10))),

  ),

)

        RaisedButton(

                onPressed: () {},

                color: Colors.amber,

                shape: RoundedRectangleBorder(

                    borderRadius: BorderRadius.circular(10)),

                child: Text("Click This"),

              )

​

ElevatedButton(

  style: ElevatedButton.styleFrom(

    shape: RoundedRectangleBorder(

      borderRadius: BorderRadius.circular(8)),

  ),

)

OutlinedButton(

      onPressed: () {},

      style: OutlinedButton.styleFrom(

          side: const BorderSide(

        width: 1,

        color: Colors.red,

        style: BorderStyle.solid,

      )),

      child: const Text('Text Button Example'),

    );

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'),

),

OutlinedButton(

      style: ButtonStyle(

        shape: MaterialStateProperty.resolveWith<RoundedRectangleBorder?>(

          (Set<MaterialState> states) {

            return RoundedRectangleBorder(

                borderRadius: BorderRadius.circular(16));

          },

        ),

      ),

      onPressed: () {},

      child: const Text('Submit'),

    );

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'),

)