Button

A versatile button component with multiple variants, sizes, and states.

Installation

CLI

flutter_studio add button

Package

flutter pub add flutter_studio

Usage

Basic Button

import 'package:your_app/components/custom_button.dart';

CustomButton(
  text: 'Click Me',
  onPressed: () {
    print('Button pressed!');
  },
)

Button Variants

// Primary button (default)
CustomButton(
  text: 'Primary',
  variant: ButtonVariant.primary,
  onPressed: () {},
)

// Secondary button
CustomButton(
  text: 'Secondary',
  variant: ButtonVariant.secondary,
  onPressed: () {},
)

// Outlined button
CustomButton(
  text: 'Outlined',
  variant: ButtonVariant.outlined,
  onPressed: () {},
)

API Reference

Properties

Property	Type	Default	Description
text	String?	null	Button text label
onPressed	VoidCallback?	null	Callback when button is pressed
variant	ButtonVariant	primary	Visual style variant