Error
Good error design is clear, useful, and friendly. Designing concise and accurate error messages unblocks users and builds trust by meeting people where they are.
Usage
First of all, you need to import the Error
component from the kitchn
package.
import { Error } from "kitchn"
Default
Custom Label
No Label
Sizes
Multiline
With an error
property
Props
Name | Type | Default | Required | Description | Accepted values |
---|---|---|---|---|---|
label | boolean | string | true | - | The label of the error. | - |
size | string | normal | - | The size of the error. | small | normal | large |
error | { message: string; action?: string; link?: string } | undefined | - | The error property. | - |