SPINNER

HOMEWORKS Form 선택 창 컴포넌트.

Summary

SPINNER는 사용자 경험을 한층 상승시켜 주기 위한 선택 창 컴포넌트 입니다.

HTML 태그 중 select 태그를 대체할 수 있는 컴포넌트입니다.

STYLE > INPUT과 연관되어 사용 할 수 있습니다.

Usage

• HTML

  <select class="input">
    <option value="">Select option</option>
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
  </select>
  

• JAVASCRIPT

  $('.input').spinner();
  

• VIEW HOOK

  <!--
  ================================================================
  VIEW HOOK은 HOMEWORKS에서 제공하는 HTML 속성 확장을 이용하기 때문에,
  JAVASCRIPT를 생략할 수 있습니다.
  ================================================================
  -->
  <select class="input" data-spinner="true">
    <option value="">Select option</option>
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
  </select>
  

Functions

Spinner

• Type: Function
• Description: Spinner를 초기화하는 함수.

• Arguments:

  • element: Element
  • options: Object (optional)

• Options:

  • None

View Hook

SPINNER 컴포넌트는 View Hook을 제공합니다.

View Hook이 걸려있는 선택 창에 SPINNER를 자동적으로 바인딩합니다.

Attribute - spinner

• Value: <any>
• Description: null, undefined외 값을 지정 권장.

Example

• HTML

<select class="input"
    data-spinner="true"
>
    <option value="">Select option</option>
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
</select>