Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kenclaron/emulated-android-arrow.js
Arrow Slider like Android launcher's arrow
https://github.com/kenclaron/emulated-android-arrow.js
android-launcher css design-patterns front-end frontend javascript js npm
Last synced: 5 days ago
JSON representation
Arrow Slider like Android launcher's arrow
- Host: GitHub
- URL: https://github.com/kenclaron/emulated-android-arrow.js
- Owner: kenclaron
- License: mit
- Created: 2020-02-23T12:53:14.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2022-11-12T14:14:30.000Z (about 2 years ago)
- Last Synced: 2024-10-31T17:16:12.161Z (18 days ago)
- Topics: android-launcher, css, design-patterns, front-end, frontend, javascript, js, npm
- Language: JavaScript
- Homepage:
- Size: 11.7 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# Emulated-Android-Arrow.js
> Smooth vanilla JavaScript arrow slider like Android launcher's arrow for website.
[Website for preview](https://kenclaron.github.io/kenclaron/)
## Table of contents
- [Features](#features)
- [Getting started](#getting-started)
- [Syntax](#syntax)
- [Example](#example)
- [License](#license)
- [Browser support](#browser-support)
- [Author](#author)
## Features
- Cross-browser support
- Desktop and mobile platforms support
- Supports custom settings (check out the available [syntax](#syntax))
## Main
```text
dist/
├── emulated-android-arrow.js
└── emulated-android-arrow.min.js (compressed)
```
## Getting Started
### Installation
```
npm install emulated-android-arrow.js
```
In browser:
```html
```
### Usage
#### Syntax
```js
new EmulatedAndroidArrow(parent, crossSupport, mobile, direction);
```
- **parent**
- Type: `HTMLElement`
- The HTMLElement as parent for arrow element.
- **crossSupport** (optional)
- Type: `Boolean`
- 180 degree rotation on mobile devices when true. (default: true)
- **mobile** (optional)
- Type: `Boolean`
- True: Only mobile devices | False: All devices (default: false)
- **direction** (optional)
- Type: `Number`
- Starting direction (0: none, 1: top, -1: bottom) (default: 0)
#### Example
```js
new EmulatedAndroidArrow(document.body, true, false, 1);
```
## License
The Emulated-Android-Arrow.js licensed under the [MIT license](https://opensource.org/licenses/MIT).
## Browser support
- Chrome (49.0.2623 or latest)
- Firefox (45.0 or latest)
- Opera (36.0.2130.32 or latest)
- Edge (25.10586/EdgeHTML 13.10586 or latest)
- Safari (9.0 or latest)
## Author
> You can express your gratitude by clicking on one of the links
- [Personal website](https://kenclaron.github.io/kenclaron/)
- [VK](https://vk.com/club190729942)
___________________________________
[↑ back to top](#table-of-contents)