A great plugin for displaying your product features dynamically and in a smart way.
npm install feature-listfeatureList() on an container element, with any selector, you like to intialize the plugin.
$ npm install feature-list
`
$3
Feature-List depends on jQuery.
`
// css styles
// This is optional. Use only for better grid and responsiveness.
// We have used icofont as our default icon set. You may like to use 'fontawesome' or other.
// Js files
// This is optional. Use only for better grid and responsiveness.
`
$3
`
.................
`
`
Any element you want to show- Image, Text, Icon etc.
Just style it in your own way.
..................
`
$3
Upto six icons and details are styled. If you want to use more or less, style it in your own way.
$3
A step by step series of examples that tell you How to Install
Simple installation
`
$('.featureList').featureList()
`
Or, with options
`
$('.featureList').featureList({
iconBackground: "rgba(0,0,0,0.1)",
speed: 3000
});
`
Options
`
iconColor: Hex/rgb/rgba/color-name, //Type-'string', default-'#404040'
iconSize: px/em/rem/vh/vw/vmin/vmax, //Type-'string'/number, default-'80px'
iconPadding: px/em/rem/vh/vw/vmin/vmax, //Type-'string'/number, default-'10px'
iconBackground: Hex/rgb/rgba/color-name, //Type-'string', default-'transparent'
speed: milliseconds //Type-number, default-'5000'
``