Socket
Socket
Sign inDemoInstall

ng2-floating-action-menu

Package Overview
Dependencies
Maintainers
1
Versions
11
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

ng2-floating-action-menu - npm Package Compare versions

Comparing version 0.2.1 to 2.0.0

floating-action-menu/floating-action-button.component.d.ts

50

package.json
{
"name": "ng2-floating-action-menu",
"version": "0.2.1",
"scripts": {
"build": "gulp build",
"build:watch": "gulp",
"docs": "npm run docs:build",
"docs:build": "compodoc -p tsconfig.json -n ng2-floating-action-menu -d docs --hideGenerator",
"docs:serve": "npm run docs:build -- -s",
"docs:watch": "npm run docs:build -- -s -w",
"lint": "tslint --type-check --project tsconfig.json src/**/*.ts",
"test": "tsc && karma start"
},
"version": "2.0.0",
"repository": {

@@ -29,41 +19,9 @@ "type": "git",

},
"devDependencies": {
"@angular/common": "^4.0.0",
"@angular/compiler": "^4.0.0",
"@angular/compiler-cli": "^4.0.0",
"module": "ng2-floating-action-menu.js",
"typings": "ng2-floating-action-menu.d.ts",
"peerDependencies": {
"@angular/core": "^4.0.0",
"@angular/platform-browser": "^4.0.0",
"@angular/platform-browser-dynamic": "^4.0.0",
"@compodoc/compodoc": "^1.0.0-beta.10",
"@types/jasmine": "2.5.38",
"@types/node": "~6.0.60",
"codelyzer": "~2.0.0",
"core-js": "^2.4.1",
"del": "^2.2.2",
"gulp": "^3.9.1",
"gulp-rename": "^1.2.2",
"gulp-rollup": "^2.11.0",
"jasmine-core": "~2.5.2",
"jasmine-spec-reporter": "~3.2.0",
"karma": "~1.4.1",
"karma-chrome-launcher": "~2.0.0",
"karma-cli": "~1.0.1",
"karma-coverage-istanbul-reporter": "^0.2.0",
"karma-jasmine": "~1.1.0",
"karma-jasmine-html-reporter": "^0.2.2",
"node-sass": "^4.5.2",
"node-sass-tilde-importer": "^1.0.0",
"node-watch": "^0.5.2",
"protractor": "~5.1.0",
"rollup": "^0.41.6",
"run-sequence": "^1.2.2",
"rxjs": "^5.1.0",
"ts-node": "~2.0.0",
"tslint": "~4.5.0",
"typescript": "~2.2.0",
"zone.js": "^0.8.4"
},
"engines": {
"node": ">=6.0.0"
}
}
# ng2-floating-action-menu
updated version of [ng2-floating-button](https://github.com/tahashahid/ng2-floating-button)
## Installation

@@ -37,2 +39,3 @@

**component.html**
```xml

@@ -50,4 +53,98 @@ <ng2-floating-action-menu

**component.ts**
```typescript
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
title = 'app';
config;
buttons: Array<FloatingActionButton> = [
{
iconClass: 'ion-social-github',
label: 'follow me on github',
onClick: function(){
}
},
{
iconClass: 'ion-social-facebook',
label: 'follow me on facebook',
onClick: function(){
}
},
{
iconClass: 'ion-social-linkedin',
label: 'linkedin',
onClick: function(){
}
},
];
placements = [
{
value: 'br',
key: 'bottom right'
},
{
value: 'bl',
key: 'bottom left'
},
{
value: 'tr',
key: 'top right'
},
{
value: 'tl',
key: 'top left'
},
];
effects = [
{
value: 'mfb-zoomin',
key: 'Zoom In'
},
{
value: 'mfb-slidein',
key: 'Slide In + Fade'
},
{
value: 'mfb-fountain',
key: 'Fountain'
},
{
value: 'mfb-slidein-spring',
key: 'Slide In (Spring)'
}
];
toggles = [
'click',
'hover'
];
constructor() {
this.config = {
placment: 'br',
effect: 'mfb-zoomin',
label: 'main button label',
iconClass: 'ion-plus-round',
activeIconClass: 'ion-close-round',
toggle: 'click',
buttons: this.buttons
};
}
}
```
## License
MIT © [Shalva Jashiashvili](mailto:sh.jashiashvili@gmail.com)
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc