Initial commit

app/(main)/uikit/file/page.tsx

@@ -0,0 +1,35 @@
+'use client';
+
+import React, { useRef } from 'react';
+import { FileUpload } from 'primereact/fileupload';
+import { Toast } from 'primereact/toast';
+
+const FileDemo = () => {
+    const toast = useRef<Toast | null>(null);
+
+    const onUpload = () => {
+        toast.current?.show({
+            severity: 'info',
+            summary: 'Success',
+            detail: 'File Uploaded',
+            life: 3000
+        });
+    };
+
+    return (
+        <div className="grid">
+            <Toast ref={toast}></Toast>
+            <div className="col-12">
+                <div className="card">
+                    <h5>Advanced</h5>
+                    <FileUpload name="demo[]" url="/api/upload" onUpload={onUpload} multiple accept="image/*" maxFileSize={1000000} />
+
+                    <h5>Basic</h5>
+                    <FileUpload mode="basic" name="demo[]" url="/api/upload" accept="image/*" maxFileSize={1000000} onUpload={onUpload} />
+                </div>
+            </div>
+        </div>
+    );
+};
+
+export default FileDemo;