AuthErrorScreen

Feedback & Status

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

Usage

권한이 없어 현재 화면에 접근할 수 없음을 전체 화면으로 안내할 때 사용한다.

import

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

API Reference

AuthErrorScreen Props

Prop

Type

Default

className

string

지정 안 함

description

ReactNode

지정 안 함

hideBack

boolean

false

hideHome

boolean

false

homeHref

string

onBack

() => void

window.history.back()

title

ReactNode

접근 권한이 없는 페이지입니다.

같은 패밀리

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

ErrorScreen

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

NotFoundErrorScreen

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

권한 오류 화면

접근 권한이 없을 때 권한 상태와 돌아갈 경로를 안내한다.

권한 오류

뒤로가기와 홈 이동 CTA를 포함한 권한 오류 화면이다.

코드

Open in Playground

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

export default function AuthErrorScreenExample() {
  return (
    <div style={{ minHeight: 520 }}>
      <AuthErrorScreen title="접근 권한이 없는 페이지입니다." description="관리자에게 권한을 요청하거나 홈으로 돌아가세요." />
    </div>
  );
}