note

Display text that requires attention or provides additional information.

default

A small note
A default note
A large note

action

The action prop accepts a Snippet.

This note details some information.
This note details a large amount information that could potentially wrap into two or more lines, forcing the height of the Note to be larger.

success

This note details some success information.
This note details some success information.
This note details some success information. Check the documentation to learn more.
This note details some success information.
This note details some success information.
This note details some success information. Check the documentation to learn more.

error

This note details some error information.
This note details some error information.
This note details some success information. Check the documentation to learn more.
This note details some error information.
This note details some error information.
This note details some success information. Check the documentation to learn more.

warning

This note details some warning information.
This note details some warning information.
This note details some success information. Check the documentation to learn more.
This note details some warning information.
This note details some warning information.
This note details some success information. Check the documentation to learn more.

secondary

This note details some secondary information.
This note details some secondary information.
This note details some success information. Check the documentation to learn more.
This note details some secondary information.
This note details some secondary information.
This note details some success information. Check the documentation to learn more.

violet

This note details some violet information.
This note details some violet information.
This note details some success information. Check the documentation to learn more.
This note details some violet information.
This note details some violet information.
This note details some success information. Check the documentation to learn more.

cyan

This note details some cyan information.
This note details some cyan information.
This note details some success information. Check the documentation to learn more.
This note details some cyan information.
This note details some cyan information.
This note details some success information. Check the documentation to learn more.