ngc-float-button
Advanced tools
Comparing version 1.0.0 to 1.1.0
@@ -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
24763
483
160