Tinyrack

Button

공통 Tinyrack 의도와 크기로 Flutter 명령과 폼 동작을 실행해요.

공통 의도, 표현 방식, 크기, 로딩 상태로 명령과 폼 동작을 실행해요.

핵심 속성

시맨틱 값은 웹과 공유하지만 위젯 동작은 Flutter와 Material 3 규약을 따라요.

설치

패키지를 추가한 뒤 공개 라이브러리를 가져오세요.

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

플레이그라운드

사용법

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

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

예시

인텐트와 표현 고유 링크

모든 인텐트를 appearance별로 보여줘요. 주요 동작에는 solid, 보조 동작에는 outline, 강조가 낮은 컨트롤에는 ghost를 사용하세요.

크기 고유 링크

주변 밀도에 맞춰 md and lg 크기를 선택하세요.

상태 고유 링크

loading 버튼은 크기를 유지한 채 활성화를 막고, disabled 버튼은 콜백을 제거해요.

API

Button는 Flutter의 네이티브 상태와 콜백을 유지하고 Tinyrack 토큰을 기본값으로 사용해요.