Note

Display text that requires attention or provides additional information.

General

Show a piece of text or components.

secondary

status

hidden label

custom label

Filled Variant

APIs

Note.Props

AttributeDescriptionTypeAccepted valuesDefault
typenote typeNoteTypesNoteTypesdefault
iconshow iconReact.ReactNode or boolean-true
filledfill colorboolean-false
...native propsHTMLAttributes'id', 'className', ...-

NoteTypes

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