드롭 오버레이 · Tinyrack Design System

파일 드롭 대상 전체에 공통 접근성 드래그 활성 상태를 표시해요.

핵심 속성

속성	설명
소유 범위	제품이 소유한 드롭 대상 전체를 감싸세요. payload 검증과 drop 처리는 제품이 계속 맡아요.
상호작용	오버레이는 포인터 이벤트를 통과시키고, 보이는 동안 현지화된 레이블을 알리며, 모션 감소 설정에서는 애니메이션을 제거해요.

설치

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

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';

TRDropOverlay(
  visible: dragging,
  label: 'Drop files here',
  child: conversationPane,
)

API

TRDropOverlay 속성

Prop	타입 / 기본값	용도
`visible`	`bool · required`	드래그 활성 레이어를 표시하거나 숨겨요.
`label`	`String · required`	화면과 시맨틱에 사용할 현지화된 안내 문구를 제공해요.
`child`	`Widget · required`	오버레이가 덮을 전체 표면을 제공해요.