You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
@@ -61,25 +62,37 @@ Live demo here: [https://www.ProAngular.com/demos/ngx-scroll-top](https://www.Pr
61
62
```bash
62
63
ng add @proangular/ngx-scroll-top@latest
63
64
```
65
+
64
66
or
67
+
65
68
```bash
66
69
npm install @proangular/ngx-scroll-top --save
67
70
```
68
71
69
-
Import `NgxScrollTopModule` where needed
72
+
Import `NgxScrollTopComponent` where needed
73
+
70
74
```diff
71
-
...
72
-
+ import { NgxScrollTopModule } from '@proangular/ngx-scroll-top';
73
-
...
75
+
+ import { NgxScrollTopComponent } from '@proangular/ngx-scroll-top';
74
76
77
+
// Import to module
75
78
@NgModule({
79
+
...
76
80
imports: [
81
+
+ NgxScrollTopComponent,
77
82
...
78
-
+ NgxScrollTopModule
79
83
],
84
+
})
85
+
86
+
...
87
+
88
+
// or component
89
+
@Component({
80
90
...
91
+
imports: [
92
+
+ NgxScrollTopComponent,
93
+
...
94
+
],
81
95
})
82
-
export class AppModule { }
83
96
```
84
97
85
98
<aname="dependencies"/>
@@ -88,20 +101,24 @@ export class AppModule { }
88
101
89
102
### Styling UX - Angular Material
90
103
91
-
You should have an Angular Material theme set up prior to using this. It's also possible to use this without an angular theme and style it yourself entirely!
104
+
You should have an Angular Material theme set up prior to using this. It's also
105
+
possible to use this without an angular theme and style it yourself entirely!
92
106
93
-
More information on theming Angular Material: https://material.angular.io/guide/theming
107
+
More information on theming Angular Material:
108
+
https://material.angular.io/guide/theming
94
109
95
110
<aname="usage"/>
96
111
97
112
## Usage
98
113
99
114
Default (blue button with white icon)
115
+
100
116
```html
101
117
<ngx-scroll-top></ngx-scroll-top>
102
118
```
103
119
104
120
Customization with optional inputs and icon
121
+
105
122
```html
106
123
<ngx-scroll-top
107
124
backgroundColor="#0D58C0"
@@ -113,7 +130,8 @@ Customization with optional inputs and icon
113
130
position="left"
114
131
[zIndex]="1"
115
132
width="3rem"
116
-
>⇮</ngx-scroll-top>
133
+
>⇮</ngx-scroll-top
134
+
>
117
135
```
118
136
119
137
<aname="api"/>
@@ -136,29 +154,43 @@ Customization with optional inputs and icon
136
154
137
155
## Compatibility
138
156
139
-
| Angular version |@proangular/ngx-scroll-top| Install |
Please submit all issues, and feature requests here: [https://github.com/ProAngular/ngx-scroll-top/issues](https://github.com/ProAngular/ngx-scroll-top/issues)
172
+
Please submit all issues, and feature requests here:
0 commit comments