SBUx

<sbux-input id="idxInput_text" name="input_text" uitype="text"

                 popover="쉼표로 구분하여 회사를 입력하세요"></sbux-input>

<sbux-input id="idxInput_pw" name="input_pw" uitype="password"

                 popover="8자리 숫자와 문자가 혼용 된 패스워드를 입력하세요">

</sbux-input>

<sbux-input id="idxInput_sch" name="input_sch" uitype="search"

               popover="회사명 검색시 '주식회사'와 같은 용어는 삭제하시기 바랍니다">

</sbux-input>

<sbux-textarea id="idxTextarea_norm" name="textarea_norm" uitype="normal"

                 popover="쉼표로 구분하여 회사를 입력하세요"></sbux-textarea>

<sbux-listbox id="idxListbox_single" name="listbox_single" uitype="single"

                  popover="좋아하는 색상을 선택하세요">

   <option-item value="red" style="color:red" >빨강</option-item>

   <option-item value="orange" style="color:orange" >주황</option-item>

</sbux-listbox>

<sbux-select id="idxSelect_single" name="select_single" uitype="single"

                  popover="좋아하는 색상을 선택하세요">

   <option-item value="red" style="color:red" >빨강</option-item>

   <option-item value="orange" style="color:orange" >주황</option-item>

</sbux-select>

<sbux-checkbox id="idxChkbox_norm" name="chkbox_norm" uitype="normal"

                      text="빨강" value="red"

                      popover="색상을 선택하세요"></sbux-checkbox>

<sbux-radio id="idxRdo_norm" name="rdo_norm" uitype="normal"

                      text="빨강" value="red"

                      popover="색상을 선택하세요"></sbux-radio>

<sbux-button id="idxBtn_norm" name="btn_norm" uitype="normal"

                   text="버튼"

                   popover="색상을 선택하세요"></sbux-button>

<sbux-label id="idxLbl_norm" name="lbl_norm" uitype="normal"

                   text="색상명"

                   popover="색상을 선택하세요"></sbux-label>

<input type="text" value="일반 input 컴포넌트" sbux-ex-popover="선택하세요">