open-index/open-npm huggingface dataset:
npm package: @react-styless/file-uploader
Description: Simple file uploader component for React without style.
Latest version: 1.0.1

# react-file-uploader

Simple file uploader component for React without style.

### Installation

```
// with npm
$ npm install @react-styless/file-uploader --save
```

### Usage

This is the basic usage of file-uploader

```Javascript
import Uploader from '@react-styless/file-uploader';
const App = () => {
  const handleSuccess = (e) => {
    console.log(e);
  }
  return (
    <Uploader onSuccess={handleSuccess}>
      <button>Upload</button> (/* You can input any component */)
    </Uploader>
  );
}
```


| Attribute | Type | Description |
|--|--|--|
| id | string | |
| multiple | boolean | |
| children | ReactElement | |
| onSuccess | (f:FileList) => void | |
| accept | string | |
npm package: @react-styless/pin-input
Description: Simple pin input component for React without style.
Latest version: 1.0.0

# react-styless/pin-input

Simple pin input component for React without style.

### Installation

```
// with npm
$ npm install @react-styless/pin-input --save
```

### Usage

This is the basic usage of pin-input

```Javascript
import PinInput from '@react-styless/pin-input';
const App = () => {
  const handleComplete = (value: string) => {
    console.log(value);
  }
  return (
    <PinInput onComplete={handleComplete}>
      <input type="text" />
      <input type="text" />
      <input type="text" />
      <input type="text" />
    </PinInput>
  );
}
```


| Attribute | Type | Description |
|--|--|--|
| children | ReactElement[] | |
| onComplete | (v: string) => void | |
npm package: @react-styless/scrollable
Description: You can make your horizontal scroll box scrollable by mouse dragging.
Latest version: 1.0.0

# react-styless/scrollable

You can make your horizontal scroll box scrollable by mouse dragging.

### Installation

```
// with npm
$ npm install @react-styless/scrollable --save
```

### Usage

This is the basic usage of scrollable

```Javascript
import Scrollable from '@react-styless/scrollable';
const App = () => {
  return (
    <Scrollable>
      <div style={{width: 400, overflow: 'auto'}}>
        <div style={{width: 800, background: 'red'}}>child</div>
      </div>
    </Scrollable>
  );
}
```

| Attribute | Type               | Description |
| --------- | ------------------ | ----------- |
| children  | ReactNode          |             |
| vertical  | boolean, undefined |             |