맨위로가기
 

SBUx

닫기

3.3 입력박스의 너비 조정하기

STEP 1. 컴포넌트 생성

1. 버튼이 같이 있는 입력박스를 생성합니다. (input/search, datepicker/popup) 
<sbux-input id="sbIdx1" name="sbName1" uitype="search" button-back-text="조회"></sbux-input>
<sbux-datepicker id="sbIdx1" name="sbName1" uitype="popup"></sbux-datepicker>

STEP 2. 속성 추가, 스타일 적용

1. class 속성을 지정하고 해당 클래스에 CSS를 지정합니다. 
<style>
    .widthClass{
        width:300px;
    }
</style>
<sbux-input id="sbIdx1" name="sbName1" uitype="search" button-back-text="조회" wrap-class="widthClass"></sbux-input>
<sbux-datepicker id="sbIdx1" name="sbName1" uitype="popup" wrap-class="widthClass"></sbux-datepicker>