Documentation
Error

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

NameTypeDefaultRequiredDescriptionAccepted values
labelboolean | stringtrue-The label of the error.-
sizestringnormal-The size of the error.small | normal | large
error{ message: string; action?: string; link?: string }undefined-The error property.-