Dialog · Tinyrack Design System

타입이 있는 결과, 포커스 가두기, 5가지 논리적 배치를 지원하는 Navigator route로 모달 콘텐츠를 표시해요.

핵심 속성

속성	설명
넘침	본문이 세로 스크롤을 소유해요. 콘텐츠 여백은 유지하고 스크롤바는 문자 방향에 따른 표면 끝에 붙으며, 제목·설명·액션은 고정돼요.

설치

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

flutter pub add tinyrack_ui

import 'package:tinyrack_ui/tinyrack_ui.dart';

플레이그라운드

Flutter 미리보기를 불러오는 중이에요

사용법

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

final result = await showTRDialog<bool>(
  context: context,
  builder: (context) => TRDialog(
    title: const Text('Deploy rack?'),
    content: const Text('The stable channel will be updated.'),
    actions: TRButton(
      onPressed: () => Navigator.pop(context, true),
      child: const Text('Deploy'),
    ),
  ),
);