Empty State

MSK Empty State는 목록, 검색 결과, 대시보드 위젯에 표시할 데이터가 없을 때 사용하는 primitive입니다. 단순 안내와 다음 행동을 함께 담을 수 있습니다.

Preview

콘텐츠가 없습니다.

첫 항목을 만들어 이 영역을 채울 수 있습니다.

Usage

<div class="msk-ui-empty">
  <p class="msk-ui-empty__title">콘텐츠가 없습니다.</p>
  <p class="msk-ui-empty__body">첫 항목을 만들어 시작하세요.</p>
</div>

Empty state에는 가능한 경우 다음 행동 버튼을 함께 둡니다.