Assets
ZEIT
Now
Next.js
Hyper
Typography
Headings
Lists
Paragraphs
Typeface
Components
Avatar
Badges
Buttons
Checkbox
Code
Collapse
Colors
Fieldsets
File Tree
Icons
Images
Inputs
Note
PopOver Menu
Select
Show More
Sliders
Spinner
Table
Toasts
Toggle
Video Cards
Videos

Note

Default Note

Note: This is a note that details something important.
A link to helpful information.

Hint Note

Hint: This is a hint for something that is possible.

Alert Note

Alert: This is an alert for something to take action for.

Warning Note

Warning: This is a warning for something very important.

Note with Hidden Label

Just a quick note!

Note with Custom Label

Label: This is a warning for something very important.
Label: This is a warning for something very important.

Default Note - Dark

Note: This is a note that details something important.
A link to helpful information.

Hint Note - Dark

Hint: This is a hint for something that is possible.

Alert Note - Dark

Alert: This is an alert for something to take action for.

Warning Note - Dark

Warning: This is a warning for something very important.

Note with Hidden Label - Dark

Just a quick note!

Note with Custom Label - Dark

Label: This is a warning for something very important.
Label: This is a warning for something very important.