Balance Logo
Balance
Reckon Design System

Tray

A tray is like a modal dialog that's stuck to the bottom of the viewport. It should focus the user’s attention exclusively on one task or piece of information.
Install
pnpm add @reckon-web/tray
Import usage
import {
Tray
} from '@reckon-web/tray';
  • Code
  • API

Usage

The Tray component accepts free-form children as content. It's up to the consumer how they wish to layout the contents of the tray.

Open in Playroom

Sizes

The content tray is available in the following sizes:

  • small - text content or short forms
  • medium - use for medium to large forms
  • large - use for data rich interfaces
  • full - reserved for tables
Copyright © 2021 Reckon. Designed and developed in partnership with Thinkmill.