# aframe-entity-slider-component

> A Entity Slider component for A-Frame.

Latest version **1.0.0** (published 2024-04-23) · MIT license · 0 weekly downloads

## Install

```sh
npm install aframe-entity-slider-component
pnpm add aframe-entity-slider-component
yarn add aframe-entity-slider-component
bun add aframe-entity-slider-component
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.0 |
| Published | 2024-04-23 |
| First published | 2024-04-23 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 48 |
| Unpacked size | 50.2 KB |
| Known vulnerabilities | 0 (+10 in 3 direct dependencies) |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Jane John |
| Maintainers | pietro_ammaturo |
| Keywords | aframe, aframe-component, aframe-vr, vr, webvr, webxr, entity-slider |

## Links

- npm: https://www.npmjs.com/package/aframe-entity-slider-component
- Repository: https://github.com/PietroAmmaturo/aframe-entity-slider-component
- Homepage: https://github.com/PietroAmmaturo/aframe-entity-slider-component#readme
- Issues: https://github.com/PietroAmmaturo/aframe-entity-slider-component/issues
- npm.io page: https://npm.io/package/aframe-entity-slider-component

## Dependencies (48)

- [shx](https://npm.io/package/shx.md) ^0.2.2
- [chai](https://npm.io/package/chai.md) ^3.4.1
- [karma](https://npm.io/package/karma.md) ^0.13.15
- [mocha](https://npm.io/package/mocha.md) ^2.3.4
- [sinon](https://npm.io/package/sinon.md) ^2.1.0
- [aframe](https://npm.io/package/aframe.md) *
- [snazzy](https://npm.io/package/snazzy.md) ^4.0.0
- [ghpages](https://npm.io/package/ghpages.md) ^0.0.8
- [shelljs](https://npm.io/package/shelljs.md) ^0.7.0
- [webpack](https://npm.io/package/webpack.md) ^5.1.4
- [cross-env](https://npm.io/package/cross-env.md) 4.0.0
- [@babel/cli](https://npm.io/package/@babel/cli.md) ^7.2.3
- [sinon-chai](https://npm.io/package/sinon-chai.md) ^2.8.0
- [superagent](https://npm.io/package/superagent.md) ^3.8.2
- [@babel/core](https://npm.io/package/@babel/core.md) ^7.3.3
- [karma-mocha](https://npm.io/package/karma-mocha.md) ^0.2.1
- [randomcolor](https://npm.io/package/randomcolor.md) ^0.4.4
- [webpack-cli](https://npm.io/package/webpack-cli.md) *
- [babel-loader](https://npm.io/package/babel-loader.md) ^8.0.5
- [semistandard](https://npm.io/package/semistandard.md) ^8.0.0
- [webpack-sources](https://npm.io/package/webpack-sources.md) 1.0.1
- [karma-browserify](https://npm.io/package/karma-browserify.md) ^4.4.2
- [karma-sinon-chai](https://npm.io/package/karma-sinon-chai.md) ^1.1.0
- [@babel/preset-env](https://npm.io/package/@babel/preset-env.md) ^7.3.1
- [webpack-dev-server](https://npm.io/package/webpack-dev-server.md) ^3.2.0
- [babel-preset-minify](https://npm.io/package/babel-preset-minify.md) ^0.5.0
- [karma-mocha-reporter](https://npm.io/package/karma-mocha-reporter.md) ^1.1.3
- [karma-chrome-launcher](https://npm.io/package/karma-chrome-launcher.md) 2.0.0
- [karma-env-preprocessor](https://npm.io/package/karma-env-preprocessor.md) ^0.1.1
- [karma-firefox-launcher](https://npm.io/package/karma-firefox-launcher.md) ^0.1.7
- [chai-shallow-deep-equal](https://npm.io/package/chai-shallow-deep-equal.md) ^1.3.0
- [karma-chai-shallow-deep-equal](https://npm.io/package/karma-chai-shallow-deep-equal.md) 0.0.4
- [@babel/plugin-syntax-import-meta](https://npm.io/package/@babel/plugin-syntax-import-meta.md) ^7.0.0
- [@babel/plugin-proposal-decorators](https://npm.io/package/@babel/plugin-proposal-decorators.md) ^7.0.0
- [@babel/plugin-proposal-json-strings](https://npm.io/package/@babel/plugin-proposal-json-strings.md) ^7.0.0
- [@babel/plugin-syntax-dynamic-import](https://npm.io/package/@babel/plugin-syntax-dynamic-import.md) ^7.0.0
- [@babel/plugin-proposal-function-bind](https://npm.io/package/@babel/plugin-proposal-function-bind.md) ^7.0.0
- [@babel/plugin-proposal-function-sent](https://npm.io/package/@babel/plugin-proposal-function-sent.md) ^7.0.0
- [@babel/plugin-proposal-do-expressions](https://npm.io/package/@babel/plugin-proposal-do-expressions.md) ^7.0.0
- [@babel/plugin-proposal-class-properties](https://npm.io/package/@babel/plugin-proposal-class-properties.md) ^7.0.0
- [@babel/plugin-proposal-numeric-separator](https://npm.io/package/@babel/plugin-proposal-numeric-separator.md) ^7.0.0
- [@babel/plugin-proposal-optional-chaining](https://npm.io/package/@babel/plugin-proposal-optional-chaining.md) ^7.0.0
- [@babel/plugin-proposal-pipeline-operator](https://npm.io/package/@babel/plugin-proposal-pipeline-operator.md) ^7.0.0
- [@babel/plugin-proposal-throw-expressions](https://npm.io/package/@babel/plugin-proposal-throw-expressions.md) ^7.0.0
- [@babel/plugin-proposal-export-default-from](https://npm.io/package/@babel/plugin-proposal-export-default-from.md) ^7.0.0
- [@babel/plugin-proposal-export-namespace-from](https://npm.io/package/@babel/plugin-proposal-export-namespace-from.md) ^7.0.0
- [@babel/plugin-proposal-nullish-coalescing-operator](https://npm.io/package/@babel/plugin-proposal-nullish-coalescing-operator.md) ^7.0.0
- [@babel/plugin-proposal-logical-assignment-operators](https://npm.io/package/@babel/plugin-proposal-logical-assignment-operators.md) ^7.0.0

## Alternatives

- [adhdev](https://npm.io/package/adhdev.md) — 11.1K weekly downloads
- [react-slide-button](https://npm.io/package/react-slide-button.md) — 310 weekly downloads
- [better](https://npm.io/package/better.md) — 42 weekly downloads
- [react-native-swipe-image](https://npm.io/package/react-native-swipe-image.md) — 22 weekly downloads
- [nl.fokkezb.pulltorefresh](https://npm.io/package/nl.fokkezb.pulltorefresh.md) — 11 weekly downloads

## Recent versions

- 1.0.0 (latest) — 2024-04-23

## README

## aframe-entity-slider-component

[![Version](http://img.shields.io/npm/v/aframe-entity-slider-component.svg?style=flat-square)](https://npmjs.org/package/aframe-entity-slider-component)
[![License](http://img.shields.io/npm/l/aframe-entity-slider-component.svg?style=flat-square)](https://npmjs.org/package/aframe-entity-slider-component)

Used to create a entity-slider of aframe entities

For [A-Frame](https://aframe.io).

### API

| Property | Description | Default Value |
|-------------|--------------------|------|
| **duration** | animation duration (in seconds) | 2 |
|**offset**|vector connecting previous element to next element|2 0 0|
|**forwardTrigger**|selector to the forward trigger|mandatory|
|**backwardTrigger**|selector to the forward trigger|mandatory|
|**toShow**|how many elements to show at once|4|

### Installation

#### Browser

Install and use by directly including the [browser files](dist):

### Usage

```html
<head>
  <title>My A-Frame Scene</title>
  <script src="https://aframe.io/releases/1.3.0/aframe.min.js"></script>
  <script src="https://unpkg.com/aframe-entity-slider-component@1.0.0/dist/aframe-entity-slider-component.min.js"></script>
</head>

<body>
  <a-scene>
    <a-entity id="slider" position="-3 2 -5" entity-slider="backwardTrigger: #left; forwardTrigger: #right;">
      <!--slides-->
    </a-entity>
    <a-entity position="0 1 -1" scale="0.2 0.2 0.2">
      <!--triggers-->
      <a-cylinder class="clickable"  position="-2 0 0" color="cyan" segments-radial="3" rotation ="0 40 0" id="left"></a-cylinder>
      <a-cylinder class="clickable"  position="2 0 0" color="crimson" segments-radial="3" rotation ="0 -40 0" id="right"></a-cylinder>
    </a-entity>
  </a-scene>
</body>
```

#### npm

Install via npm:

```bash
npm install aframe-entity-slider-component
```

Then require and use.

```js
require('aframe');
require('aframe-entity-slider-component');
```

---
_Source: https://npm.io/package/aframe-entity-slider-component · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._
