Components
Loading preview...
Here is File Trigger component
npx shadcn@latest add https://21st.dev/r/intentui/file-trigger-13"use client"
import { useState } from "react"
import { FileTrigger } from "@/components/ui/file-trigger-13"
export default function Component() {
const [isLoading, setLoading] = useState(false)
const handleSelect = async (files: FileList | null) => {
if (!files || files.length === 0) return
setLoading(true)
await new Promise((r) => setTimeout(r, 4500))
setLoading(false)
}
return (
<FileTrigger onSelect={handleSelect} isPending={isLoading}>
{isLoading ? "Uploading..." : "Upload a file"}
</FileTrigger>
)
}