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 hideIndicator prop.

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