@mux/mux-uploader-react/README.md

An uploader element for React that handles Mux Direct Uploads and a visual progress bar for you

<p align="center">
  <h1 align="center">&lt;MuxUploader/&gt;</h1>
  <a href="https://npmcharts.com/compare/@mux/mux-uploader-react?interval=30"><img src="https://img.shields.io/npm/dm/@mux/mux-uploader-react.svg?sanitize=true" alt="Downloads"></a>
    <a href="https://www.npmjs.com/package/@mux/mux-uploader-react"><img src="https://img.shields.io/npm/v/@mux/mux-uploader-react.svg?sanitize=true" alt="Version"></a>
    <a href="https://www.npmjs.com/package/@mux/mux-uploader-react"><img src="https://img.shields.io/npm/l/@mux/mux-uploader-react.svg?sanitize=true" alt="License"></a>
</p>

# Introduction

`<MuxUploader />` is a Mux-flavored React uploader component, built on top of our [mux-uploader web component](../mux-uploader).

# Installation

```shell
npm install @mux/mux-uploader-react
```

or

```shell
yarn add @mux/mux-uploader-react
```

# Usage

```jsx
import MuxUploader from '@mux/mux-uploader-react';

<MuxUploader endpoint="https://my-authenticated-url/storage?your-url-params"/>;
```
# Docs

Docs and guides live on [docs.mux.com](https://docs.mux.com/guides/video/mux-uploader?utm_source=github-mux-uploader).

API reference lives [on Github](./REFERENCE.md).