Textarea experimental

기본 multi-line text input wrapper입니다. textareaSize로 sm/md/lg 높이를 조절하고, .odbd-input의 border/focus/disabled 시각 언어를 재사용합니다.

native textarea

<script lang="ts">
  import { Textarea } from '@odbd/svelte'

  const sizes = ['sm', 'md', 'lg'] as const
</script>

<div class="preview-stack">
  {#each sizes as textareaSize}
    <Textarea
      {textareaSize}
      rows={3}
      aria-label={`${textareaSize} 크기 텍스트 영역`}
      placeholder={`${textareaSize} textarea`}
    />
  {/each}
</div>

Import

Svelte와 React가 같은 anatomy 계약을 공유합니다. 선택한 프레임워크는 모든 페이지에서 유지됩니다. 패키지 설치는 Getting Started를 참고하세요.

import { Textarea } from '@odbd/svelte'

import { Textarea } from '@odbd/react/textarea'