kibana

mirror of https://github.com/elastic/kibana.git synced 2025-06-28 03:01:21 -04:00

History

spalger e3dff93c97 [codeowners] rename global experience to @elastic/appex-sharedux		2023-01-18 10:02:49 -07:00
..
src	<FilePicker> file delete icon (#148471 )	2023-01-09 23:07:31 +01:00
index.tsx
jest.config.js
kibana.jsonc	[codeowners] rename global experience to @elastic/appex-sharedux	2023-01-18 10:02:49 -07:00
package.json	Transpile packages on demand, validate all TS projects (#146212 )	2022-12-22 19:00:29 -06:00
README.mdx
tsconfig.json	Transpile packages on demand, validate all TS projects (#146212 )	2022-12-22 19:00:29 -06:00

README.mdx

---
id: sharedUX/Components/FilePicker
slug: /shared-ux/components/file-picker
title: File picker
description: Pick or upload files from Kibana.
tags: ['shared-ux', 'component', 'files']
date: 2022-11-22
---

## Description

A component designed to capture the UX of picking files. Use cases include:

* A dashboard user wanting to upload an image to their dashboard
* A user picking a new avatar
* A cases user selecting from a set of text files they want to attach to a case
* ...and many more

## Usage

Must be wrapped in the `FilesContext`.

```tsx
<FilesContext ...>
  <FilePicker ... />
</FilesContext>
```