Statuses

A styled text component for highlighting important information, warnings, or contextual messages within a UI.

Basic

The Note component displays a note with a title and description, providing an easy way to highlight important information.

Loading...

Installation

If you hit any issues, make sure you check out the installation guide here for more information.

Manual installation

Make sure you also install the composed components and the required packages for the component to function properly.

Anatomy

Intent

By default, the note is displayed with a primary intent. You can change the intent by passing the intent prop. This example demonstrates different intents.

Loading...

No indicator

If you don't want an indicator, you can set the indicator prop to false.

Loading...
Ready-to-use templates
Launch faster with complete, professional templates for modern web apps.
irsyad.co
Note / Intent UI