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.

Icon

You may provide a custom icon using the "icon" property.

The default icons are appropriate for the "tone" and provide context for users that aren't able to discern intent from colour alone. To maintain continuity within our products we recommend that this is rarely used.

Copyright © 2022 Reckon. Designed and developed in partnership with Thinkmill.
Bitbucket logoJira software logoConfluence logo