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
Loading...
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
Loading...
No Indicator
If you don't want an indicator, you can set the indicator prop to false.
Preview
Code
Loading...
Get premium Blocks
Create stunning, professional-grade layouts that not only save time but also elevate the quality of your projects.