PreviewCard · Tinyrack Design System

Reveal an interactive preview after a short hover or focus delay.

Contract

Axis	Contract
Layer size	`layerSize` applies to the complete preview 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

Loading the Flutter preview

Usage

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

const TRPreviewCard(
  trigger: Text('Rack alpha'),
  content: Text('Healthy'),
)

API

Layer properties

Prop	Type / default	Purpose
`layerSize`	`TRLayerSize · fixed overlayWidthSm / content height`	Sizes the complete layer instead of only its content panel.