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

In the terminal, run the following command to begin:
npx hq-kit add note

Variants

By default, the note is displayed with a primary variant. You can change the intent by passing the variant 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 indicator={false}.

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