Drop Overlay · Tinyrack Design System

Cover a file-drop target with a shared, accessible drag-active state.

Contract

Axis	Contract
Ownership	Wrap the complete product-owned drop target. The product still validates payloads and handles the drop.
Interaction	The overlay ignores pointer events, announces the localized label while visible, and removes motion when reduced motion is enabled.

Install

Add the package, then import its public library.

flutter pub add tinyrack_ui

import 'package:tinyrack_ui/tinyrack_ui.dart';

Playground

Loading the Flutter preview

Usage

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 properties

Prop	Type / default	Purpose
`visible`	`bool · required`	Shows or hides the drag-active layer.
`label`	`String · required`	Provides the localized visible and semantic instruction.
`child`	`Widget · required`	Supplies the complete surface covered by the overlay.