Skip to main content

Basic Button With Icon

Filled Button​

Button Image

import 'package:flutter/material.dart';
FilledButton.icon(
  onPressed: () {},
  icon: const Icon(Icons.add),
  label: const Text('Filled Button Basic'),
),

Outlined Button​

Button Image

import 'package:flutter/material.dart';
OutlinedButton.icon(
  onPressed: () {},
  icon: const Icon(Icons.add),
  label: const Text('Outlined Button Basic'),
),

Elevated Button​

Button Image

import 'package:flutter/material.dart';
ElevatedButton.icon(
  onPressed: () {},
  icon: const Icon(Icons.add),
  label: const Text('Elevated Button Basic'),
),

Text Button​

Button Image

import 'package:flutter/material.dart';
TextButton.icon(
  onPressed: () {},
  icon: const Icon(Icons.add),
  label: const Text('Text Button Basic'),
),