Download Trigger
Download Trigger (다운로드 트리거)
파일 다운로드를 시작할 때 사용하는 컴포넌트예요. data prop에 다운로드할 데이터를 넘기고, 파일 이름과 MIME 타입을 지정하면 돼요.
출처: 문서
본문
사용법 (Usage)
import { DownloadTrigger } from "@chakra-ui/react"
<DownloadTrigger data="..." fileName="x.png" mimeType="image/png" />
예제 (Examples)
기본 (Basic)
data prop에 다운로드할 데이터를 넘기고, 파일의 fileName과 mimeType을 지정해 주세요.
| 예제 (download-trigger-basic) |
SVG 다운로드 (Download SVG)
SVG 파일을 다운로드하는 예시예요.
| 예제 (download-trigger-svg) |
Promise
Blob, File, 또는 string을 반환하는 promise로부터도 다운로드를 시작할 수 있어요.
| 예제 (download-trigger-with-promise) |
파일 크기 (File Size)
DownloadTrigger를 FormatByte 컴포넌트와 함께 조합해서 파일 크기를 사람이 읽기 쉬운 형식으로 표시할 수 있어요.
| 예제 (download-trigger-with-file-size) |
Props
| PropTable (Button / Button) |