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	-	-

Related Types

• IHSListProps