Empty State

데이터가 존재하지 않을 때 사용자에게 비어 있는 상태임을 안내하는 공통 레이아웃 컴포넌트입니다.

Anatomy

현재 표시할 데이터가 없습니다.

데이터가 추가되면 자동으로 업데이트 됩니다.

<%- include(PATH + '/components/common/layout/EmptyState', {
  title: "제목 텍스트를 입력하세요. (선택)",
  desc: "설명 텍스트를 입력하세요. (선택)",
  img: {
    src: "이미지 경로를 입력하세요. (선택)",
    class: "이미지에 적용할 클래스명 (선택)",
    alt: "이미지 대체 텍스트 (선택)"
  },
  className: "추가할 클래스명 (선택)"
}); %>
Flexible

상황에 따라 유연하게 props를 조합해 사용할 수 있습니다.

현재 표시할 데이터가 없습니다.

데이터가 추가되면 자동으로 업데이트 됩니다.

데이터가 추가되면 자동으로 업데이트 됩니다.