전체 카탈로그
데이터 입력FileInput19 props

File Input

File Input는 파일 선택, 드래그 앤 드롭, 선택된 파일 상태를 처리합니다.

공식 문서 열기
실시간 미리보기데이터 입력

미리보기

Dropzone mode with file type guidance.
Choose file

Import

import {FileInput} from '@astryxdesign/core/FileInput';

Astryx 문서 권장 방식대로 root barrel이 아니라 컴포넌트 subpath에서 가져옵니다.

사용 시점

File Input는 파일 선택, 드래그 앤 드롭, 선택된 파일 상태를 처리합니다.

fileinputfileuploaddragdropdropzoneattachmentbrowse

중요 props

valueFile | File[] | nullrequired
onChange(files: File | File[] | null) => voidrequired
changeAction(files: File | File[] | null) => Promise<void>optional
modeinput | dropzoneoptional

테마 대상

astryx-file-input

사용 지침

  • 권장FileInput의 목적이 드러나도록 레이블과 보조 설명을 함께 제공하세요.
  • 권장상태 변화가 필요한 경우 사용자가 바로 이해할 수 있는 피드백을 연결하세요.
  • 권장키보드와 보조 기술 사용자가 같은 흐름을 따라갈 수 있게 접근성 속성을 확인하세요.
  • 권장화면 밀도와 주변 컴포넌트의 위계가 유지되도록 간격과 크기를 맞추세요.