mirror of
https://github.com/elastic/kibana.git
synced 2025-06-28 03:01:21 -04:00
## Summary Closes https://github.com/elastic/kibana/issues/155168 ### Checklist Delete any items that are not applicable to this PR. - [x] [Unit or functional tests](https://www.elastic.co/guide/en/kibana/master/development-tests.html) were updated or added to match the most common scenarios ### For maintainers - [x] This was checked for breaking API changes and was [labeled appropriately](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process) --------- Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com> |
||
---|---|---|
.. | ||
src | ||
index.tsx | ||
jest.config.js | ||
kibana.jsonc | ||
package.json | ||
README.mdx | ||
tsconfig.json |
--- id: sharedUX/Components/FileUpload slug: /shared-ux/components/file-upload title: File upload description: Upload file(s) to Kibana. tags: ['shared-ux', 'component', 'files'] date: 2022-11-22 --- ## Description A wrapper around `<EuiFilePicker />` that provides state management for the upload process using the `FileClient`. ## Usage Must be wrapped in the `FilesContext`. ```tsx <FilesContext ...> <FileUpload ... /> </FilesContext> ``` ## Variants ### Default The default layout should sit nicely in a form, modal or flyout. ### Compressed When space is constrained you can render a smaller version of the UI by passing the `compressed` prop. This variant will be smaller in size, and start uploading a file immediately once it receives it.