Card Picker

The smooth and pretty slider you can use this package for making your website unique 😉.

card picker:

• has NO DEPENDENCIES :)
• is completely free and open source.

Table of Contents

• Demo
• Install
• Usage
• Browser Support
• License

preview

Example code

Simple and awesome 😎

Install

# Install card picker with npm
$ npm install --save card-picker

# If you use react version < 18
$ npm install --save card-picker --force

Usage

In a React app, use the Slider component:
import { Slider } from 'card-picker'

Slider props

| Name | Description | Require | ----------- | ----------- | --------- | infinity | Boolean, default false | ✘ | height | String, default '100%' | ✘
| borderRadius | String, default '0px' | ✘ | previousButton | String, default arrow | ✘
| nextButton | String, default arrow | ✘

#For previousButton and nextButton you can change default arrow for your svg, img, icon...etc
{
....
previousButton: '<img className="" src="" />',
nextButton: '<img className="" src="">'
}

Browser Support

Available in latest browsers.

License

MIT © Yousif Jasm