BalanceReckon Design System
Overlays

Blanket

This is primarily intended as an internal component, used by other components in the design system.

import { Blanket } from '@balance-web/blanket';

Usage

This is primarily intended as an internal component, used by other components in the design system. It provides an accessible blanket background for modal components.

Here is an example of it used on it's own. Once it's open, you can click anywhere to close it.

Loading demo…

Toggle — API

Toggle is similar to a two-option radio group in function but is used for quickly switching between binary actions.

Bottom drawer

A bottom drawer is a modal dialog that slides in from the bottom of the screen.

On this page

Usage