Yogurt

Yogurt는 UPPERCASE 기반 UI 프레임워크입니다.

설치하기

프로젝트의 DEPENDENCY 파일에 Hanul/Yogurt를 추가합니다.

테마 설정

프로젝트의 BROWSER 폴더에 Yogurt.Theme.js파일을 생성합니다.

Yogurt.Theme = {
	wrapperStyle : ,
	buttonColor : ,
	buttonTitleColor : ,
	buttonMouseoverColor : ,
	buttonMouseoverTitleColor : ,
	toolbarBackground : ,
	toolbarBackgroundImage : ,
	toolbarColor : ,
	toolbarTextColor : ,
	bottomBarColor : ,
	bottomBarTextColor : ,
	bottomBarHeight : ,
	menuLayoutMenuWidth : ,
	menuLayoutHideMenuWinWidth : ,
	menuLayoutMenuBackgroundColor : 
};

Wrapper

DOM들을 감싸는 래퍼를 만듭니다.

Toolbar

상단 툴바를 만듭니다.

ToolbarButton

툴바에 들어가는 버튼을 생성합니다.

Button

일반적인 버튼을 생성합니다.

Input

입력 칸을 생성합니다.

Select

선택 칸을 생성합니다.

Checkbox

체크박스를 생성합니다.

Textarea

여러줄 입력 칸을 생성합니다.

Submit

작성 완료 버튼을 생성합니다.

Tab (TODO)

개발이 진행중인 기능입니다.

Alert

알림 창을 생성합니다.

Confirm

확인 창을 생성합니다.

Prompt

입력 창을 생성합니다.

MenuLayout

왼쪽에 메뉴를 띄우는 메뉴 레이아웃을 생성합니다.

BottomBar

하단 바를 만듭니다.

BottomButton

하단 바에 들어가는 버튼을 생성합니다.

Slider

슬라이드들의 집합인 슬라이더를 생성합니다.

Slide

슬라이드를 생성합니다.

Calendar

달력을 생성합니다.

API 문서

API

소스코드

https://github.com/Hanul/Yogurt

라이센스

MIT

작성자

Young Jae Sim