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. | - |