Socket
Socket
Sign inDemoInstall

ngc-float-button

Package Overview
Dependencies
92
Maintainers
1
Versions
23
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 1.0.0 to 1.1.0

2

components/ngc-float-button.component.ts

@@ -40,3 +40,3 @@ /* created by @GustavoCostaW https://github.com/gustavocostaw/ngc-float-button */

private state: BehaviorSubject<any> = new BehaviorSubject({
public state: BehaviorSubject<any> = new BehaviorSubject({
display: false,

@@ -43,0 +43,0 @@ direction: 'top',

{
"name": "ngc-float-button",
"version": "1.0.0",
"version": "1.1.0",
"description": "Google Material Float Button - Implementation for Angular v4+",

@@ -5,0 +5,0 @@ "scripts": {

@@ -8,2 +8,5 @@ # ngc-float-button

## [`Demo`](http://bit.ly/2hydANi)
## Installation

@@ -25,3 +28,3 @@

#### 1. You need add the Google Material icons in your `index.html`:
#### 1. You need to add the Google Material icons in your `index.html`:

@@ -80,6 +83,2 @@ ```HTML

Well, with only that you can see this result:
![](http://g.recordit.co/a40l3UuTQe.gif)
## API

@@ -93,8 +92,10 @@

`[open]` property waiting for `BehaviorSubject`, with this you can open or close the FAB dispatching events.
`[open]` property waiting for `BehaviorSubject` type, with this you can open or close the FAB dispatching events.
Sample:
```Typescript
...
//our parent component

@@ -133,3 +134,3 @@ // with this our FAB will be started open.

#### @Output properties
#### @Output property

@@ -143,3 +144,3 @@ You can listener events in `ngc-float-button` subscribing the `(events)` output.

private output(log) {
output(log) {
console.log(log);

@@ -156,6 +157,11 @@ }

#### Customization
## Customization
If you need change some css property in `ngc-float-button` you need use `/deep/` selector in our parent css component.
If you need change some css property in `ngc-float-button` you need to use `/deep/` selector in parent css component.
More info about customization soon.
More info about customization soon.
## CSS animations credits
[`The css animations were inspired by this`](https://embed.plnkr.co/gist/00de5ab564446dcb8be067d44e67a692)

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

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

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc