Skip to main content

Stadium Button

Filled Button​

Button Image

import 'package:flutter/material.dart';
FilledButton(
  onPressed: () {},
  style: const ButtonStyle(
    shape: WidgetStatePropertyAll(
      StadiumBorder(),
    ),
  ),
  child: const Text('Filled Button'),
),

Outlined Button​

Button Image

import 'package:flutter/material.dart';
OutlinedButton(
  onPressed: () {},
  style: const ButtonStyle(
    shape: WidgetStatePropertyAll(
      StadiumBorder(),
    ),
  ),
  child: const Text('Outlined Button'),
),

Elevated Button​

Button Image

import 'package:flutter/material.dart';
ElevatedButton(
  onPressed: () {},
  style: const ButtonStyle(
    shape: WidgetStatePropertyAll(
      StadiumBorder(),
    ),
  ),
  child: const Text('Elevated Button'),
),

Text Button​

Button Image

import 'package:flutter/material.dart';
TextButton(
  onPressed: () {},
  style: const ButtonStyle(
    shape: WidgetStatePropertyAll(
      StadiumBorder(),
    ),
  ),
  child: const Text('Text Button'),
),