Download Trigger

Trigger file downloads programmatically.

Hello, World! This is a sample text file.

Installation


pnpm add @ark-ui/react lucide-react.json


import { DownloadTrigger } from "@/components/ui/download-trigger";


<DownloadTrigger
  data="..."
  fileName="schema.json"
  mimeType="application/json"
>
  Download
</DownloadTrigger>

Download an SVG file by passing the SVG markup to data and setting mimeType to image/svg+xml.

Trigger downloads from a promise that returns a Blob, File, or string. Pass a function to data.

Prop	Type	Default
`data`	`DownloadableData \| (() => MaybePromise<DownloadableData>)`	-
`fileName`	`string`	-
`mimeType`	`FileMimeType`	-
`asChild`	`boolean`	-

For a complete list of props, see the Ark UI documentation.

On This Page