NotFound

Not-found state — distinct from empty (the address is wrong) and from error (the read worked; the thing isn't there).

Prop	Type	Notes
`eyebrow`	`React.ReactNode`	Engraved eyebrow; defaults to "Not found".
`title` (required)	`React.ReactNode`	e.g. "That routine could not be found."
`body`	`React.ReactNode`
`action`	`React.ReactNode`	Usually a back link / Button.
`className`	`string`

Other props pass through to the root element (React.HTMLAttributes<HTMLDivElement>).

Preview

Declarations

TypeScript

export interface NotFoundProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
  /** Engraved eyebrow; defaults to "Not found". */
  eyebrow?: React.ReactNode;
  /** e.g. "That routine could not be found." */
  title: React.ReactNode;
  body?: React.ReactNode;
  /** Usually a back link / Button. */
  action?: React.ReactNode;
  className?: string;
}

/**
 * Not-found state — distinct from empty (the address is wrong) and from
 * error (the read worked; the thing isn't there).
 */
export function NotFound(props: NotFoundProps): React.JSX.Element;