# HorizontalScrollList

This widget will create a horizontal scroll-able list

## Installation

```tsx
import { HorizontalScrollList } from 'uxp/components';
```

## Signature

```tsx
const HorizontalScrollList: React.FunctionComponent<IHSListProps>
```

## Examples

```tsx
<HorizontalScrollList
     items={[...Array(15).keys()]}
     renderItem={(item, key) => {
     return (<div className="item-thumbnail">
             {key}
         </div>)
     }}
 />
```

## Properties

| Name       | Type                                                                         | Mandatory | Default Value | Example Value |
| ---------- | ---------------------------------------------------------------------------- | --------- | ------------- | ------------- |
| items      | any\[]                                                                       | Yes       | -             | -             |
| renderItem | (item: any, key: number) => JSX.Element                                      | Yes       | -             | -             |
| scrollStep | number                                                                       | No        | -             | -             |
| className  | string                                                                       | No        | -             | -             |
| infinite   | boolean                                                                      | No        | -             | -             |
| autoScroll | { enable: boolean, interval?: number // default 5000 (equals to 5s/5000ms) } | No        | -             | -             |

## Related Types

* [IHSListProps](https://help.iviva.com/uxp/v5/additional-resources/types/ihslistprops)