Button |
설명 |
명령 수행, 옵션 선택, 다른 대화 상자 열기 등에 사용하는 컴포넌트 제공 |
형태 |
둥근 형(radius: 1em), 사각형(radius: 0em) |
배치 |
vertical group, horizontal group |
색상 |
검정, 파랑, 회색, 흰색, 노랑, 빨강, 초록 |
높이 |
normal(39px), small (28px) |
넓이 |
화면에 맞게 , 텍스트에 맞게 |
효과 |
Icon 유무, Icon 위치, Shadow 유무 |
Panel |
설명 |
Header/footer 와 함께 페이지를 구성하는 요소 |
무늬 |
격자 형태 무늬 제공 |
색상 |
검정, 회색, 연한회색, 흰색, 노랑, 빨강, 초록 |
Internal / External Link |
설명 |
표준 링크 기능을 제공 하며 기본적으로 Ajax 를 사용한 링크 방식 제공 |
링크 |
페이지 내부링크,도메인 내부 링크,외부 링크,이메일 링크,폰 링크,에러 페이지 링크 |
Label / Text |
설명 |
색상, 배치, 크기,폰트 를 지정 할 수 있는 가이드 제공 |
색상 |
초록, 빨강, 파랑 |
배치 |
왼쪽, 중간, 오른쪽 |
크기 |
15px, 25px, 30px |
폰트 |
helvetica, verdana, tahoma |
Tabs |
설명 |
Header와 footer 에 사용되며 탭 버튼으로 문서간 이동 기능 제공 |
형태 |
round tab(radius: 0.250em), normal tab(radius: 0em) |
배치 |
1, 1/2, 1/3, 1/4, 1/5, 1/2 다중행 tab |
색상 |
검정, 파랑, 회색, 흰색, 노랑, 빨강, 초록 |
효과 |
Icon 위치 |
Form |
설명 |
HTML Form 요소를 모바일 환경에 최적화하여 제공 |
요소 |
Text inputs, Search inputs, Sliders, Switches, Radio buttons, Check boxes, Selectors |
색상 |
검정, 파랑, 회색, 흰색, 노랑, 빨강, 초록 |
Menu |
설명 |
Dialog, Grid, List, Collapsible 컴포넌트를 사용하여 메뉴 구성 기능 제공 |
효과 |
slide, slideup, slidedown, pop, fade, flip, turn, flow, slidefade |
형태 |
Dialog, Grid, List, Collapsible |
색상 |
검정, 파랑, 회색, 흰색, 노랑, 빨강, 초록 |
Processing Dialog / Bar |
설명 |
페이지 전환간 진행 상태를 확인 할 수 있는 Progress Dialog/Bar 제공 |
형태 |
Processing Dialog, Processing Bar |
색상 |
검정, 파랑, 회색, 흰색, 노랑, 빨강, 초록 |
Dialog |
설명 |
사용자와 상호 작용 할 수 있는 Dialog 기능을 제공 |
형태 |
Dialog, Action Sheet, Overlay, Alert, Prompt, Confirm |
색상 |
검정, 파랑, 회색, 흰색, 노랑, 빨강, 초록 |
Grid View |
설명 |
Grid 형태로 컨텐츠를 배치 할 수 있는 컴포넌트 제공 |
배치 |
1/2, 1/3, 1/4, 1/5, 가변 Grid View |
Table / List View |
설명 |
Table/List 형태로 컨텐츠를 배치 할 수 있는 컴포넌트 제공 |
형태 |
Read-only list, Link list |
기능 |
Nested List, Numbered List, Split Button, List Divider, Count Bubble,
Thumbnail, List icon, Content Formatting, Search Filter Bar, Change Mode List, Checked List |
색상 |
검정, 파랑, 회색, 흰색, 노랑, 빨강, 초록 |
Date / Time Picker |
설명 |
날짜와 시간을 선택 할 수 있는 Picker 제공 |
형태 |
Android Date Picker, Popup Calendar, Android Time Picker, Flip Picker(Date, Time) |
Check/ Radio |
설명 |
Check/Radio 형태로 항목을 선택할 수 있는 기능을 제공 |
배치 |
vertical group, horizontal group |
색상 |
검정, 파랑, 회색, 흰색, 노랑, 빨강, 초록 |
Icon |
설명 |
모바일 어플리케이션에 가장 많이 사용되는 아이콘을 제공 |
형태 |
arrow-l, arrow-r, arrow-u, arrow-d, delete, plus, minus, check, gear, refresh, forward, back, grid, star, alert, info, search, home, phone, mail, gps, audio, camera, file, mic, explorer |
색상 |
검정, 파랑, 회색, 흰색, 노랑, 빨강, 초록 |
Selector / Switch |
설명 |
Selector/Switch 형태로 항목을 선택 할 수 있는 기능을 제공 |
효과 |
pop-up, list |
기능 |
다중선택, 단일 선택 |
모양 |
둥근 형(radius: 1em) 사각형(radius: 0em) |
넓이 |
화면에 맞게 , 텍스트에 맞게 |
효과 |
Shadow 적용, Shadow 제거 |
형태 |
비그룹, 그룹 |
색상 |
검정, 파랑, 회색, 흰색, 노랑, 빨강, 초록 |
Collapsible Block |
설명 |
콘텐츠 영역을 접었다 펼 수 있는 컨트롤 기능 제공 |
형태 |
normal, Group, Nested |
색상 |
검정, 파랑, 회색, 흰색, 노랑, 빨강, 초록 |