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는 intent 채움과 on-color를 함께 사용하고, outline과 ghost는 단독 foreground 역할을 사용해요.

크기 고유 링크

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

상태 고유 링크

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

API

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