Sha256: 5c44d16466275f7d2259b880d95e2526a686b575d98faafd8df0085bd0a2b35b
Contents?: true
Size: 958 Bytes
Versions: 848
Compression:
Stored size: 958 Bytes
Contents
/* eslint-disable react/no-multi-comp */
import React, { useState } from "react";
import { FileUpload, List, ListItem } from "playbook-ui";
const AcceptedFilesList = ({ files }) => (
<List>
{files.map((file) => (
<ListItem key={file.name}>{file.name}</ListItem>
))}
</List>
);
const FileUploadCustomDescription = (props) => {
const [filesToUpload, setFilesToUpload] = useState([]);
const handleOnFilesAccepted = (files) => {
setFilesToUpload([...filesToUpload, ...files]);
};
return (
<div>
<AcceptedFilesList
files={filesToUpload}
{...props}
/>
<FileUpload
accept={['application/pdf','application/vnd.openxmlformats-officedocument.spreadsheetml.sheet']}
acceptedFilesDescription="Adobe (.pdf) and Microsoft (.xslx)"
onFilesAccepted={handleOnFilesAccepted}
{...props}
/>
</div>
);
};
export default FileUploadCustomDescription;
Version data entries
848 entries across 848 versions & 2 rubygems