Skip to main content

Textarea

MSK Textarea는 여러 줄 입력 primitive입니다. data-msk-textarea-autosize를 주면 내용에 맞춰 높이가 자동으로 늘어납니다.

Preview​

Data API​

<textarea class="msk-ui-textarea" data-msk-textarea-autosize rows="3"></textarea>

data-msk-textarea-max="240" 으로 자동 확장 최대 높이(px)를 제한할 수 있습니다.

JavaScript API​

window.MSK.ui.textarea.resize(textarea);

Accessibility / 동작​

  • 네이티브 <textarea> 라 포커스/키보드/스크린리더가 기본 동작합니다.
  • autosize 는 입력마다 높이를 재계산하며, 최대 높이 초과 시 스크롤로 전환됩니다.