Note
Display text that requires attention or provides additional information.
Default
A small note.
A default note.
A large note.
Show code Hide code
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.
Show code Hide code
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 filled note details some success information.
This filled note details some success information.
This filled note details some success information. Check
the documentation to learn more.
Show code Hide code
Error
This note details some error information.
This note details some error information.
This note details some error information. Check the documentation to learn
more.
This filled note details some error information.
This filled note details some error information.
This filled note details some error information. Check
the documentation to learn more.
Show code Hide code
Warning
This note details some warning information.
This note details some warning information.
This note details some warning information. Check the documentation to learn
more.
This filled note details some warning information.
This filled note details some warning information.
This filled note details some warning information. Check
the documentation to learn more.
Show code Hide code
Secondary
This note details some secondary information.
This note details some secondary information.
This note details some secondary information. Check the documentation to learn
more.
This filled note details some secondary information.
This filled note details some secondary information.
This filled note details some secondary information. Check
the documentation to learn more.
Show code Hide code
Violet
This note details some violet information.
This note details some violet information.
This note details some violet information. Check the documentation to learn
more.
This filled note details some violet information.
This filled note details some violet information.
This filled note details some violet information. Check
the documentation to learn more.
Show code Hide code
Cyan
This note details some cyan information.
This note details some cyan information.
This note details some cyan information. Check the documentation to learn
more.
This filled note details some cyan information.
This filled note details some cyan information.
This filled note details some cyan information. Check
the documentation to learn more.
Show code Hide code
Disabled
This note details a warning.
This filled note details some success information. Check
the documentation to learn more.
Show code Hide code
Labels
Default label
This is a note of variant `secondary`.
This is a fill note of variant `secondary`.
This is a note of variant `warning`.
This is a fill note of variant `warning`.
This is a note of variant `success`.
This is a fill note of variant `success`.
This is a note of variant `error`.
This is a fill note of variant `error`.
This is a note of variant `violet`.
This is a fill note of variant `violet`.
This is a note of variant `cyan`.
This is a fill note of variant `cyan`.
Custom label
secondary:
This is a note of variant `secondary`.
secondary:
This is a fill note of variant `secondary`.
warning:
This is a note of variant `warning`.
warning:
This is a fill note of variant `warning`.
success:
This is a note of variant `success`.
success:
This is a fill note of variant `success`.
error:
This is a note of variant `error`.
error:
This is a fill note of variant `error`.
violet:
This is a note of variant `violet`.
violet:
This is a fill note of variant `violet`.
cyan:
This is a note of variant `cyan`.
cyan:
This is a fill note of variant `cyan`.
No label
This is a note of variant `secondary`.
This is a fill note of variant `secondary`.
This is a note of variant `warning`.
This is a fill note of variant `warning`.
This is a note of variant `success`.
This is a fill note of variant `success`.
This is a note of variant `error`.
This is a fill note of variant `error`.
This is a note of variant `violet`.
This is a fill note of variant `violet`.
This is a note of variant `cyan`.
This is a fill note of variant `cyan`.