Note

Jot down reminders or info, like sticking a post-it on your monitor, simple yet effective for quick memos and alerts.

Basic

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

We hook you up with top-tier migration services in our startup plan. Wanna roll with it? Hit us up here.

Installation

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

Manual Installation

Sometimes, using the CLI is the way to go, so make sure you install the necessary dependencies for the components you want to use.

Anatomy

Import the components and use them as shown below, adapting the structure to fit each component.

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.

We hook you up with top-tier migration services in our startup plan. Wanna roll with it? Hit us up here.

Hide Indicator

You can hide the indicator by passing the hideIndicator prop.

You need to be careful with this note. This is a note without indicator.