Skip to content

Latest commit

 

History

History
60 lines (45 loc) · 1.54 KB

common-noDataText.md

File metadata and controls

60 lines (45 loc) · 1.54 KB
Raw

No Data 텍스트

No Data 텍스트는 데이터가 존재하지 않을 때 "No data to display" 같은 텍스트를 보여주는 옵션이다.

image

텍스트 변경

기본 텍스트 값은 "No data to display"이다. 다국어 처리 또는 문구를 변경하고 싶은 경우 options.lang.noData를 사용한다.

const options = {
  lang: {
    noData: '😭No Data!!😭',
  },
};

결과는 다음과 같다.

image

theme

현재 제공되고 있는 No Data 텍스트 테마 옵션은 다음과 같다.

interface NoDataTheme {
  fontSize?: number;
  fontFamily?: string;
  fontWeight?: string | number;
  color?: string;
}
이름 타입 설명
fontSize string 폰트 크기
fontFamily string 폰트 종류
fontWeight number | string 폰트 가중치, 굵기
color string 색상

간단한 예시로 텍스트의 색상을 변경해보겠습니다.

const options = {
  theme: {
    noData: {
      fontSize: 30,
      fontFamily: 'Verdana',
      fontWeight: 'bold',
      color: '#3ee',
    },
  },
};

해당 옵션을 적용한 결과는 다음과 같다.

image