Components
Note
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.
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
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.
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.
Get premium Blocks
Create stunning, professional-grade layouts that not only save time but also elevate the quality of your projects.