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
| Name | Type | Default | Required | Description | Accepted values |
|---|---|---|---|---|---|
size | string | normal | - | The size of the note. | small, normal, large |
type | string | primary | - | The type of the note. | primary, secondary, info, success, warning, danger |
action | JSX.Element | - | - | The action of the note. | - |
fill | boolean | false | - | The fill color of the note. | - |
label | string, boolean | true | - | The label of the note. | - |