Documentation
Note

Note

Display text that requires attention or provides additional information.

Usage

First of all, you need to import the Note component from the kitchn package.

import { Note } from "kitchn"

Size

The size of the note can be changed using the size prop.

Action

Types

Label

Hidden label

Custom label

Filled

Props

NameTypeDefaultRequiredDescriptionAccepted values
sizestringnormal-The size of the note.small, normal, large
typestringprimary-The type of the note.primary, secondary, info, success, warning, danger
actionJSX.Element--The action of the note.-
fillbooleanfalse-The fill color of the note.-
labelstring, booleantrue-The label of the note.-