FileListItem

파일 정보를 보여주는 리스트 아이템 위젯입니다. grid(N×N 그리드 배치)와 list(한 줄 리스트 배치) 두 가지 레이아웃을 지원하며, 다운로드 및 히스토리 버튼을 제공합니다.

import { FileListItem } from "@/shared/ui/widget"

인터랙티브 데모

4대보험가입자 명부

주식회사 팩트시트26.03.12 17:00

Variant

Options

tsx

<FileListItem
  variant="grid"
  title="4대보험가입자 명부"
  fileUrl="/files/insurance.pdf"
  uploadedAt="26.03.12 17:00"
  uploadFrom="주식회사 팩트시트"
  onHistoryClick={() => openDrawer()}
/>

Variants

grid(N×N 그리드 배치)와 list(한 줄 리스트 배치) 레이아웃입니다.

4대보험가입자 명부

주식회사 팩트시트26.03.12 17:00

4대보험가입자 명부

주식회사 팩트시트26.03.12 17:00

사업자등록증

디캠프26.02.28 09:30

Props

FileListItem

Prop	Type	Required	Default	설명
`variant`	`"grid" \| "list"`	—	"grid"	레이아웃 variant
`title`	`string`	✓	—	파일명
`fileUrl`	`string`	✓	—	다운로드 URL
`uploadedAt`	`string`	✓	—	업로드 일시 (예: "26.03.12 17:00")
`uploadFrom`	`string`	✓	—	업로드 출처 (회사명 등)
`onHistoryClick`	`() => void`	—	—	History 버튼 클릭 핸들러 — 없으면 버튼 미표시 (grid만 해당)
`onDownloadClick`	`() => void`	—	—	다운로드 커스터마이징 — 없으면 fileUrl로 기본 다운로드
`className`	`string`	—	—	추가 CSS 클래스