FilledButton class

An accent-colored button used for primary or most important actions.

The FilledButton has a filled background using the app's accent color, making it stand out as the primary action in a dialog or page. Use this button for the most important action you want users to take.

{@tool snippet} This example shows a filled button used as a primary action:

FilledButton(
  child: Text('Save'),
  onPressed: () => saveDocument(),
)

{@end-tool}

{@tool snippet} This example shows a dialog with a filled button as the primary action:

ContentDialog(
  title: Text('Save changes?'),
  content: Text('Do you want to save your changes before closing?'),
  actions: [
    Button(
      child: Text('Cancel'),
      onPressed: () => Navigator.pop(context),
    ),
    FilledButton(
      child: Text('Save'),
      onPressed: () {
        saveChanges();
        Navigator.pop(context);
      },
    ),
  ],
)

{@end-tool}

See also:

• Button, for secondary or less prominent actions
• OutlinedButton, an outlined button
• HyperlinkButton, a borderless button with mainly text-based content
• learn.microsoft.com/en-us/windows/apps/design/controls/buttons