Balance Logo
Balance
Reckon Design System

Notice

Use notices to highlight information that affects a section, feature or page.
Install
pnpm add @reckon-web/notice
Import usage
import {
Notice
} from '@reckon-web/notice';
  • Code
  • API

Usage

While notices are an effective method of communicating with users, they can be disruptive and should be used sparingly.

Open in Playroom

Title

You may provide an optional title property.

Actions

Actions provide an opportunity for the user to act on the information they have read in the notice.

Sizes

Notices are available in the following sizes.

Tones

Notices are available in a variety of tones for different situations.

Copyright © 2021 Reckon. Designed and developed in partnership with Thinkmill.