npmpackage.info

vue-keen-slider

Vue wrapper for keen-slider.io

2.1.0

Vue

2.50 kB

Installations

npm install vue-keen-slider

Developer Guide

BETA

Typescript

No

Module System

CommonJS, ESM

Node Version

14.18.3

NPM Version

6.14.15 Score

57.1

Supply Chain

74.2

Quality

75.5

Maintenance

Vulnerability

99.3

License

Pull Requests

Open

5

Total

20

Closed

15

Issues

Open

1

Total

2

Closed

1

Releases

Unable to fetch releases

Contributors

Unable to fetch Contributors

View all 1 contributors

Languages

Vue

JavaScript

TypeScript

HTML

Vue (82.49%)

JavaScript (10.8%)

TypeScript (4.26%)

HTML (2.45%)

Developer

TheNoim

Download Statistics

Total Downloads

22,543

Last Day

Last Week

129

Last Month

328

Last Year

5,022

GitHub Statistics

2 Stars

51 Commits

2 Watching

6 Branches

1 Contributors

Bundle Size

6.92 kB

Minified

2.50 kB

Minified + Gzipped

Bundlephobia

Maintainers

Package Meta Information

Latest Version

2.1.0

Package Id

vue-keen-slider@2.1.0

Unpacked Size

46.80 kB

Size

11.15 kB

File Count

NPM Version

6.14.15

Node Version

14.18.3

Total Downloads

Cumulative downloads

Total Downloads

22,543

Last day

325%

Compared to previous day

Last week

31.6%

129

Compared to previous week

Last month

1.2%

328

Compared to previous month

Last year

-42.1%

5,022

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Peer Dependencies

vue keen-slider

Dev Dependencies

prettier typescript vite vite-plugin-dts vite-plugin-vue2 vue vue-docgen-cli vue-template-compiler keen-slider

Versions

vue-keen-slider

A vue wrapper for the keen slider library.

Usage

1<template>
2    <keen-slider arrow-color="black" loop navigation-arrows navigation-dots>
3    	<keen-slide>1</keen-slide>
4    	<keen-slide>2</keen-slide>
5    	<keen-slide>3</keen-slide>
6    	<keen-slide>4</keen-slide>
7    </keen-slider>
8</template>

Note: You need to import the css file:

1import 'vue-keen-slider/dist/vue-keen-library.css'

All options of the keen slider library are accessible as vue prop.

This library also includes 5 additional props for more easy use:

navigation-arrows (boolean): Enables navigation arrows like in the "arrows and dots" example.
navigation-dots (boolean): Enables navigation dots like in the "arrows and dots" example.
arrow-color (css color string): Changes the color of the navigation arrow.
useParentScopeId (boolean): Use the css scope of the parent component. Useful for styling.
autoplay (boolean, string, number): Autoplay the slider. If you only pass true, the default value will be 3000ms. Autoplay is disabled by default. You need to pass the time in ms.

Further documentation: Component Docs

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

0

SAST

Determines if the project uses static code analysis.

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

License

Determines if the project has defined a license.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

1.3

/10

Last Scanned on 2025-02-03

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

Other packages similar to vue-keen-slider

keen-slider

6.8.6

The HTML touch slider carousel with the most native feeling you will get.

custom-keen-slider

6.8.51

The HTML touch slider carousel with the most native feeling you will get.

keen-slider-extended

6.8.8

The HTML touch slider carousel with the most native feeling you will get.

keen-slider-iframe

6.7.1

The HTML touch slider carousel with the most native feeling you will get.