
OutlinedButton Explained | Flutter for Web Developers
Understand how to use OutlinedButton as an Web Developer
What’s OutlinedButton?
OutlinedButton class A Material Design ‘Outlined Button’; essentially a TextButton with an outlined border.
Check the official documentation for more.
OutlinedButton explained for Web Developers
Outlined buttons are medium-emphasis buttons. They contain actions that are important, but they aren’t the primary action in an app. An outlined button is a label displayed on a (zero elevation) Material widget.
Example Code
Here is an example of how to use OutlinedButton:
const OutlinedButton({Key? key, required VoidCallback? onPressed, Widget? child})
OutlinedButton Remarks
To specify an outlined button’s shape and the appearance of its outline, both the ButtonStyle.shape and ButtonStyle.side properties must be specified.
Bootstrap Your app with ShipFlutter
A fully customizable starter kit to seamlessly launch responsive Android, iOS, and Web apps with Flutter powered by Firebase and Vertex AI.