파일 첨부
실험composite파일을 첨부하는 컴포넌트입니다. 끌어다 놓거나 버튼으로 고르고, 올린 파일 목록과 허용 형식·용량을 함께 보여줍니다.
@tissue-ui/layout-react설치
bash
npm install @tissue-ui/layout-reacttsx
import { FileAttachment } from "@tissue-ui/layout-react";언제 쓰나
- 문서·이미지 등 파일을 첨부받을 때.
예제
다중 첨부
단일 첨부 · 오류
multiple 을 빼면 파일 하나만 받습니다. error 로 안내 문구를 띄웁니다.
속성
| 속성 | 타입 | 설명 |
|---|---|---|
| accept | string | 허용할 확장자입니다 (예: .pdf, .hwp). |
| maxSize | string | 파일 하나의 최대 크기를 표시합니다 (예: 10MB). |
| multiple | boolean | 여러 파일을 고를 수 있게 합니다 (기본 꺼짐). |
| value | node | 올린 파일 목록입니다. |
| onChange | node | 파일 목록이 바뀔 때 실행됩니다. |
| disabled | boolean | 첨부를 막습니다. |
| error | string | 오류 메시지입니다. |
위 옵션 말고도 className·onClick 같은 일반 HTML 속성을 그대로 넘길 수 있습니다.
상태
defaulterrordisabled
data 속성
data-errordata-disabled
이 페이지의 옵션·상태는 실제 코드 정의에서 그대로 가져온 것입니다. 에이전트는 같은 내용을 llms.txt 로 읽습니다.