Field

MSK Field는 label, control, help, error를 한 덩어리로 다루는 CSS-first primitive입니다. 실제 input, select, textarea는 프로젝트가 소유하고 UI Kit은 공통 shell만 제공합니다.

Preview

사이트 이름공개 화면과 관리 화면에 표시됩니다.도메인도메인을 입력하세요.

Usage

<label class="msk-ui-field">
  <span class="msk-ui-field__label">사이트 이름</span>
  <input class="msk-ui-field__control" type="text">
  <span class="msk-ui-field__help">공개 화면에 표시됩니다.</span>
</label>

오류 상태:

<input class="msk-ui-field__control" aria-invalid="true">
<span class="msk-ui-field__error">필수 항목입니다.</span>