NotFoundErrorScreen

Feedback & Status

페이지를 찾지 못했을 때 띄우는 에러 화면.

Usage

요청한 페이지나 리소스를 찾을 수 없음을 전체 화면으로 안내할 때 사용한다.

import

import { NotFoundErrorScreen } from '@mildang/design-system/ErrorScreen';

API Reference

NotFoundErrorScreen Props

Prop

Type

Default

className

string

지정 안 함

description

ReactNode

주소가 잘못되었거나, 더 이상 제공되지 않는 페이지입니다.\n주소를 다시 한번 확인해주세요.

hideBack

boolean

false

hideHome

boolean

false

homeHref

string

onBack

() => void

window.history.back()

title

ReactNode

페이지를 찾을 수 없습니다.

같은 패밀리

@mildang/design-system/ErrorScreen 에서 같이 내보내는 컴포넌트다.

AuthErrorScreen

접근 권한이 없을 때 띄우는 에러 화면.

ErrorScreen

에러 유형에 맞는 화면을 띄우는 에러 스크린.

찾을 수 없는 페이지

주소가 잘못되었거나 더 이상 제공되지 않는 페이지를 안내한다.

페이지 없음

페이지를 찾지 못했을 때 뒤로가기와 홈 이동을 제공한다.

코드

Open in Playground

import { NotFoundErrorScreen } from '@mildang/design-system/ErrorScreen';

export default function NotFoundErrorScreenExample() {
  return (
    <div style={{ minHeight: 520 }}>
      <NotFoundErrorScreen title="요청한 페이지를 찾을 수 없습니다" description="주소를 다시 확인하거나 홈으로 돌아가세요." />
    </div>
  );
}