react-button-slider

Wrap all your buttons or any component in react-button-slider and it will be horizontally scrollable without any scrollbar

Installation

npm

npm i @gunawanedy/react-button-slider

yarn

yarn add @gunawanedy/react-button-slider

Example

import React from 'react';

import ReactButtonSlider from '@gunawanedy/react-button-slider';

const App = () => {
  return (
    <>
      <ReactButtonSlider>
        {/*you can add styling for your button*/}
        <button>Category 1</button>
        <button>Category 2</button>
        <button>Category 3</button>
        <button>Category 4</button>
      </ReactButtonSlider>
      <main className="content">
        <h1>Your Contents</h1>
      </main>
    </>
  );
};

export default App;

Props

| Name | Type | Default | Description | | -------------------- | -------- | ----------------------------------------- | ------------------------ | | Children | any | | any component or element | | overscrollTransition | string | transform .3s cubic-bezier(.25,.8,.5,1) | css transition property | | dragAcceleration | number | 1 | drag acceleration |