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"",
        }
    ]
    

    Install

    npm i react-tag-slider

    DownloadsWeekly Downloads

    0

    Version

    1.0.8

    License

    MIT

    Unpacked Size

    7.74 kB

    Total Files

    4

    Last publish

    Collaborators

    • sonang7