WEB UI Styleguide
Rule Guide
네임 작성규칙
폴더 구조
Component
Font
Color
Form
Button
Grid
Dropdown List
Table
Pop Up
Page List
로그인 & 메인화면
시스템관리
MOTOR 제품포장관리
INVERTER 제품포장관리
모니터링
관리자메뉴
Button
Button
버튼의 경우 행동유도 버튼, 라디오 버튼, 토글 버튼 3가지 버튼을 사용합니다.
CTA Button Default
행동유도버튼은 기능에 따라 색상으로 구별하였습니다.
삭제
엑셀
저장
초기화
CTA Button Hover
마우스 오버시 색상이 리버스 됩니다.
삭제
엑셀
저장
초기화
Radio Button
기본형과 특정 페이지(로그인) 두가지 타입으로 사용됩니다.
Checked
Unchecked
로그인
Checked
Unchecked
기본형
Toggle Button
UI 변경이 필요한 경우 토글 버튼을 사용합니다.