Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- {
- "name": "angular-slideout",
- "version": "1.0.1",
- "description": "Lightweight angular slideout directive for mobile which does not require angular-animate.js",
- "main": "index.js",
- "scripts": {
- "test": "echo \"Error: no test specified\" && exit 1"
- },
- "repository": {
- "type": "git",
- "url": "git+https://github.com/mfbx9da4/angular-slideout.git"
- },
- "keywords": [
- "angularjs",
- "slideout"
- ],
- "author": {
- },
- "license": "MIT",
- "bugs": {
- "url": "https://github.com/mfbx9da4/angular-slideout/issues"
- },
- "homepage": "https://github.com/mfbx9da4/angular-slideout#readme",
- "dependencies": {
- "angular": ""
- },
- "devDependencies": {
- "css-loader": "^0.23.1",
- "gulp": "^3.9.1",
- "gulp-webpack": "^1.5.0",
- "style-loader": "^0.13.1",
- "webpack": "^1.12.14"
- },
- "readme": "# Angularjs Slideout\n\nLightweight angular slideout directive for mobile which does not require angular-animate.js\n\n### [Demo](http://mfbx9da4.github.io/projects/angular-slideout)\n\n### Dependencies\n\n- angular\n- Optional dependency of angular touch for swiping menu away\n\n### Install\n\nIf you are using npm or webpack \n\n npm install --save angular-slideout\n\nImport angular-slideout after angular and require it as a module to your app.\n\n```js\nvar angular_slideout = require('angular-slideout');\nvar app = angular.module('app', ['angular-slideout', 'ngTouch']);\napp.controller('main', function($scope) {});\n```\n\nOtherwise import `slideout.min.js` as so.\n\n```html\n<!-- Angular -->\n<script src=\"http://code.angularjs.org/1.2.19/angular.min.js\"></script>\n<!-- Angular touch (not required) -->\n<script src=\"http://code.angularjs.org/1.2.19/angular-touch.min.js\"></script>\n<!-- Slideout module -->\n<script src=\"slideout.min.js\"></script>\n<!-- Your App Code -->\n<script>\n // import angular-slideout\n var app = angular.module('app', ['angular-slideout', 'ngTouch']);\n app.controller('main', function($scope) {});\n</script>\n```\n\n### Usage\n\n#### Configure your sidebar content\n\n```html\n<nav slideout=\"show_menu\" slideout-direction=\"from-left\">\n <div class=\"back-button\" ng-click=\"show_menu = false;\">Back</div>\n <h2>Menu content</h2>\n</nav>\n```\n\n* **The slideout attribute:** Use a boolean variable to determine whether to show slideout.\n* **The slideout direction:** Options are 'from-left' or 'from-right'\n\n####Configure sidebar toggles\n\n```html\n<div class=\"show-sidebar\" ng-click=\"show_menu = true;\">\n Show sidebar\n</div>\n```\n\n####Configure swipe toggles (requires angular-touch)\n\n```html\n<div class=\"container\"\n\t ng-swipe-left=\"show_menu = true\"\n\t ng-swipe-right=\"show_menu = false; show_sub_menu = false;\">\n\t ...\n</div>\n```\n",
- "readmeFilename": "Readme.md",
- "dist": {
- "shasum": "b246885874d36473885e7d519188f4de21f7a520"
- },
- "_from": "angular-slideout@",
- "_resolved": "https://registry.npmjs.org/angular-slideout/-/angular-slideout-1.0.1.tgz"
- }
Advertisement
Add Comment
Please, Sign In to add comment