Getting Started
Dark Mode
Charts
Colors
Drag-and-drop
Forms
Utilities
Statuses
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.
Preview
Code
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 for more information.
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
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.
Preview
Code
We hook you up with top-tier migration services in our startup plan. Wanna roll with it? Hit us up here.
We hook you up with top-tier migration services in our startup plan. Wanna roll with it? Hit us up here.
We hook you up with top-tier migration services in our startup plan. Wanna roll with it? Hit us up here.
We hook you up with top-tier migration services in our startup plan. Wanna roll with it? Hit us up here.
We hook you up with top-tier migration services in our startup plan. Wanna roll with it? Hit us up here.
No Indicator
If you don't want an indicator, you can set the indicator
prop to false
.
Preview
Code
Your account is not safe! Please change your password immediately.