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

Drawer Grid