# File Trigger (/forms/file-trigger)





<ComponentPreview name="file-trigger-preskok-demo" description="Upload single or multiple files with icons and pending state." />

## Installation [#installation]

```bash
npx shadcn@latest add @preskok/file-trigger
```

## Usage [#usage]

```tsx
import { FileTrigger } from "@/components/ui/preskok-ui/file-trigger"

export function Example() {
  return <FileTrigger onSelect={() => {}}>Upload</FileTrigger>
}
```

## Props [#props]

* **acceptDirectory**: boolean — Allow selecting a folder.
* **allowsMultiple**: boolean — Select multiple files.
* **defaultCamera**: boolean — Open camera when supported.
* **isPending**: boolean — Shows a spinner and disables interactions.
* Inherits all `react-aria-components` FileTrigger props.