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. Solid pairs an intent fill with its on-color; outline and ghost use the standalone foreground role.

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.