GNUI
Genians 제품에 사용되는 UI 스타일 및 컴포넌트를 제공하는 Front-end UI Framework.
테마전환
- 사용할 테마에 해당하는 css 파일을 참조하여 사용한다.
- 가이드에서는 화면 우측 상단 콤보박스에서 사용할 테마를 선택하여 미리보기 할 수 있다.
컴포넌트 사용
- JS 태그가 있는 항목은 Gn.create 스크립트를 사용하여 컴포넌트를 생성할 수 있다.
- 상세 옵션은 각 컴포넌트 가이드 하단에 표시되어 있다.
모듈 설치 및 사용
아래 다운로드 URL로부터 모듈을 설치한다.
npm install -S https://download.geninetworks.com/tftpboot/GNUI/CURRENT/GNOS/v1.0/GNUI-CT64-C-current/gnui.tar.gz
- 설치된 js 파일과 사용하고자 하는 테마 css 파일을 소스에 import하여 사용한다.
- * 버전별 모듈 경로는 제품 다운로드(https://download.geninetworks.com/tftpboot/GNUI/CURRENT/GNOS/v1.0/)에서 확인하여 설치
Browser
<link href="gnui/dist/styles/default.css" rel="stylesheet"/>
<script src="gnui/dist/js/gnui.js"></script>
<script>
window.Gn = gnui
</script>
ESM
import Gn from 'gnui'
import 'gnui/dist/styles/default.css'