Input

MSK Input은 텍스트 입력을 테마에 맞춰 스타일링하는 CSS 전용 primitive입니다. 크기/에러/비활성 상태와 접두·접미 addon(input-group)을 지원합니다.

Preview

https://

Data API

<input type="text" class="msk-ui-input" placeholder="이름">
<input type="text" class="msk-ui-input" data-size="sm">
<input type="text" class="msk-ui-input" data-state="error">

<div class="msk-ui-input-group">
  <span class="msk-ui-input-group__addon">https://</span>
  <input type="text" class="msk-ui-input" placeholder="example.com">
</div>

옵션

• data-size: sm / (기본) / lg
• data-state="error": 에러 강조
• :disabled: 비활성
• .msk-ui-input-group + __addon: 접두/접미 부착물