005cf56baf
Some checks failed
No response / noResponse (push) Has been cancelled
CI / Continuous releases (push) Has been cancelled
CI / test-dev (macos-latest) (push) Has been cancelled
CI / test-dev (ubuntu-latest) (push) Has been cancelled
CI / test-dev (windows-latest) (push) Has been cancelled
Maintenance / main (push) Has been cancelled
Scorecards supply-chain security / Scorecards analysis (push) Has been cancelled
CodeQL / Analyze (push) Has been cancelled
35 lines
754 B
TypeScript
35 lines
754 B
TypeScript
import { styled } from '@mui/material/styles';
|
|
import Button from '@mui/material/Button';
|
|
import CloudUploadIcon from '@mui/icons-material/CloudUpload';
|
|
|
|
const VisuallyHiddenInput = styled('input')({
|
|
clip: 'rect(0 0 0 0)',
|
|
clipPath: 'inset(50%)',
|
|
height: 1,
|
|
overflow: 'hidden',
|
|
position: 'absolute',
|
|
bottom: 0,
|
|
left: 0,
|
|
whiteSpace: 'nowrap',
|
|
width: 1,
|
|
});
|
|
|
|
export default function InputFileUpload() {
|
|
return (
|
|
<Button
|
|
component="label"
|
|
role={undefined}
|
|
variant="contained"
|
|
tabIndex={-1}
|
|
startIcon={<CloudUploadIcon />}
|
|
>
|
|
Upload files
|
|
<VisuallyHiddenInput
|
|
type="file"
|
|
onChange={(event) => console.log(event.target.files)}
|
|
multiple
|
|
/>
|
|
</Button>
|
|
);
|
|
}
|