HorizontalScrollList

This widget will create a horizontal scroll-able list

Installation

import { HorizontalScrollList } from 'uxp/components';

Signature

const HorizontalScrollList: React.FunctionComponent<IHSListProps>

Examples

<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

-

-

Last updated