Tinyrack

Button

Trigger Flutter commands and form actions with shared Tinyrack intent and sizing.

Trigger commands and form actions with shared intent, appearance, size, and loading states.

Contract

Semantic values match the web system while widget behavior follows Flutter and Material 3.

Install

Add the package, then import its public library.

flutter pub add tinyrack_ui
import 'package:tinyrack_ui/tinyrack_ui.dart';

Playground

Usage

import 'package:material_ui/material_ui.dart';
import 'package:tinyrack_ui/tinyrack_ui.dart';

TRButton(
  intent: TRIntent.primary,
  onPressed: deploy,
  child: const Text('Deploy'),
)

Examples

Intents and appearances permalink

Every intent renders in each appearance. Use solid for the primary action, outline for secondary, and ghost for low-emphasis controls.

Sizes permalink

Match the button size to its surrounding density with md or lg.

States permalink

A loading button keeps its footprint and blocks activation; a disabled button drops its callback.

API

Button preserves native Flutter state and callbacks while applying Tinyrack token defaults.