0.4.3 • Published 4 years ago

react-overflow-wrapper v0.4.3

Weekly downloads
320
License
MIT
Repository
github
Last release
4 years ago

react-overflow-wrapper

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

NPM

Version Build Coverage Status Size code style: prettier License

Gif

Install

$ npm install react-overflow-wrapper
$ yarn add react-overflow-wrapper

Usage

import OverflowWrapper from 'react-overflow-wrapper';

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

Props

children: React.ReactNode

  • isRequired
  • default: undefined

className: string

  • default: undefined

style: object

  • default: undefined

iconSize: number

  • default: 26

iconColor: string

  • default: #aeb6bb

iconWrapStyle: object

  • default:
    { 
      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

  • default:
    {
      left: {},
      right: {},
    }

hideIcons: boolean

  • default: false

leftIcon: React.ReactNode

  • default: undefined

rightIcon: React.ReactNode

  • default: undefined

Browser support

Tested with modern browsers.

License

the MIT license.

0.4.3

4 years ago

0.4.2

4 years ago

0.4.1

4 years ago

0.4.0

5 years ago

0.3.0

5 years ago

0.2.7

5 years ago

0.2.6

5 years ago

0.2.5

5 years ago

0.2.4

5 years ago

0.2.3

5 years ago

0.2.2

5 years ago

0.2.1

5 years ago

0.2.0

5 years ago

0.1.0

5 years ago

0.0.9

5 years ago

0.0.8

5 years ago

0.0.7

5 years ago

0.0.6

5 years ago

0.0.5

5 years ago

0.0.4

5 years ago

0.0.3

5 years ago

0.0.2

5 years ago

0.0.1

5 years ago