wonder_admin v1.0.0

BackEnd UI 표준화 가이드

현재까지 진행된 BackOffice 관리툴에 대한 UI 중 컴포넌트화 할 수 있는 부분을 추려서 공통화한다.

대부분 Bootstrap으로 되어있어 해당 라이브러리를 기반으로, 원더쇼핑의 톤앤매너를 사용하여 가볍게 테마화한다. (Pure Bootstrap사용)

Installation

사용하고자 하는 프로젝트의 package.json의 의존성에 다음과 같이 정의 후 npm install.

"dependencies": {
  "wonder_admin": "git+https://[id]:[password]@git-codecommit.ap-northeast-2.amazonaws.com/v1/repos/wonder_admin"
}

git repository (git clone)

https://git-codecommit.ap-northeast-2.amazonaws.com/v1/repos/wonder_admin

Table of Contents

• Bootstrap components
• UIO -User Interface Object- Group
• Toast UI

Demo

Bootstrap components

• Typography
• Alert
• Badge
• Breadcrumb
• Buttons
• Button Group
• Collapse(Accordion)
• Dropdowns
• form group
• Modal
• Navs(tab)
• Progress

UIO Group

• Layouts
• Login
• List
• View

Toast UI

• Data Tables(grid)
• pagination
• Date Picker
• Editor
• Tree UI

Library 공식 문서

Bootstrap