Note

Display text that requires attention or provides additional information.

Sizes

A small note.

A default note.

A large note.

Code Editor

Action

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.

Code Editor

Success

This note details some success information.

This filled note details some success information.

Code Editor

Error

This note details some error information.

This filled note details some error information.

Code Editor

Warning

This note details some warning information.

This filled note details some warning information.

Code Editor

Secondary

This note details some secondary information.

This filled note details some secondary information.

Code Editor

Violet

This note details some violet information.

This filled note details some violet information.

Code Editor

Cyan

This note details some cyan information.

This filled note details some cyan information.

Code Editor

Hidden Label

Just a quick note!

Code Editor

Custom Label

Custom: This note uses a custom label.

Code Editor

Small

This is a small note.

Code Editor

Filled Variant

This note details something important.

This note details some information.

This note details a success.

This note details an error.

This note details a warning.

Code Editor

Disabled

This note details something important.

This note details some information.

This note details a success.

This note details an error.

This note details a warning.

Code Editor