Note

Display text that requires attention or provides additional information.

Sizes

Note: A small note.

Note: A default note.

Note: A large note.

Code Editor

Action

Note: This note details some information.

Note: 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

Secondary

Note: This note details some information.

Code Editor

Success

Success: This note details a success.

Code Editor

Error

Error: This note details an error.

Code Editor

Warning

Warning: This note details a warning.

Code Editor

Hidden Label

Just a quick note!

Code Editor

Custom Label

Custom: This note uses a custom label.

Code Editor

Small

Success: This is a small note.

Code Editor

Filled Variant

Note: This note details something important.

Note: This note details some information.

Success: This note details a success.

Error: This note details an error.

Warning: This note details a warning.

Code Editor

Contrast Variant

Note: This note details some information.

Success: This note details a success.

Error: This note details an error.

Warning: This note details a warning.

Code Editor