Tinyrack

Popover

Open an interactive collision-aware surface from a pointer or keyboard trigger.

Open an interactive collision-aware surface from a pointer or keyboard trigger.

Contract

AxisContract
Layer sizelayerSize applies to the complete interactive layer. Its default width is fixed at TRMeasurements.overlayWidthSm, while height follows content until the safe viewport clamps it.

Install

Add the package, then import its public library.

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

Playground

Usage

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

const TRPopover(
  trigger: Text('Details'),
  content: Text('Rack alpha'),
)

Examples

Nested menu permalink

Interactive content can open a Menu inside the popover while the shared layer system preserves collision handling and focus restoration.

API

Layer properties

PropType / defaultPurpose
layerSizeTRLayerSize · fixed overlayWidthSm / content heightSizes the complete layer instead of only its content panel.