react-tag-slider

1.0.8 • Public • Published

React Tag Scroller

alt text

React Tag Scroller is a simple horizontal tag scroller. It can be used to create a horizontal scroller where the datas can be scrolled with scroll or with button click.

Usage

import TagSlider from "react-tag-slider"

<TagSlider data={data} NextBtn="+" PreviousBtn="-" myStyle="mySlide" />

//With a custom component as the nav button
<TagSlider data={data} NextBtn={<MyNextBtn />} PreviousBtn={<MyPrevBtn />} myStyle="mySlide" />

data : The data you want to be rendered. NextBtn : The text inside of the next btn. You can also pass your own component. PreviousBtn : The text inside of the previous btn. You can also pass your own component.

Props Format

The passed props must contain the two property. One is the url for the link and next one is the title.

[
    {
        id: 1,
        url: "",
        title: "",
    },
    .
    .
    .
    .
    {
        id: n,
        url:"",
        title"",
    }
]

Readme

Keywords

Package Sidebar

Install

npm i react-tag-slider

Weekly Downloads

14

Version

1.0.8

License

MIT

Unpacked Size

7.74 kB

Total Files

4

Last publish

Collaborators

  • sonang7