Note

Display text that requires attention or provides additional information.

Show a piece of text or components.

You can apply a types differents with the type prop.

Note component with a show/hide label.

You can change custom label of the Note with the property label.

You can change the filled variant of the Note with the property filled.

Attribute	Description	Type	Accepted values	Default
type	note type	`NoteTypes`	NoteTypes	`default`
label	show label or custom text	`boolean` / `string`	-	-
filled	fill color	`boolean`	-	`false`
...	native props	`HTMLAttributes`	`'id', 'className', ...`	-

type NoteTypes =
  | 'default'
  | 'primary'
  | 'secondary'
  | 'success'
  | 'warning'
  | 'error'
  | 'info'

Modal

Page

MADE & DESIGNED WITHBY BRUNO ANDRADE