react-overflow-wrapper

react-overflow-wrapper

A React component that scrolls horizontally if the list is overflow.

Install

$ npm install react-overflow-wrapper

$ yarn add react-overflow-wrapper

Usage

import OverflowWrapper from 'react-overflow-wrapper';

<OverflowWrapper>
 {
   // some items
 }
</OverflowWrapper>

Props

Parameter	Type	Default	isRequired
children	React.ReactNode	undefined	true
className	string	undefined
style	object	undefined
iconSize	number	26
iconColor	string	#aeb6bb
iconWrapStyle	object	{ left: { backgroundImage: 'linear-gradient(to right, hsl(0, 100%, 100%) 25%, hsla(0, 0%, 0%, 0))' }, right: { backgroundImage: 'linear-gradient(to left, hsl(0, 100%, 100%) 25%, hsla(0, 0%, 0%, 0))' } }
iconStyle	object	{ left: {}, right: {} }
hideIcons	boolean	false
leftIcon	React.ReactNode	undefined
rightIcon	React.ReactNode	undefined

Browser support

Tested with modern browsers.

License

the MIT license.