@ngx-mce/file-input 21.1.0 → 21.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +27 -31
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,45 +1,44 @@
|
|
|
1
|
-
# Angular Material File Input
|
|
1
|
+
# Angular Material File Input
|
|
2
|
+
## For Angular Material 21.x
|
|
2
3
|
|
|
3
|
-
[](https://www.npmjs.com/package/angular-material-components)
|
|
4
|
+
[](https://www.npmjs.com/package/@ngx-mce/file-input)
|
|
5
5
|
[](https://www.npmjs.com/package/@ngx-mce/file-input)
|
|
6
|
+
[]()
|
|
6
7
|
|
|
7
8
|
## Description
|
|
8
9
|
|
|
9
|
-
|
|
10
|
+
This is a File Input component for Angular Material projects.
|
|
10
11
|
|
|
11
12
|
<a href="https://buymeacoffee.com/fbf.prog64" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" style="height: 60px !important;width: 217px !important;" ></a>
|
|
12
13
|
|
|
13
|
-
|
|
14
|
+
# Version control
|
|
14
15
|
|
|
15
|
-
|
|
16
|
+
Choose the version corresponding to your Angular version:
|
|
16
17
|
|
|
17
|
-
|
|
18
|
+
| Angular | @ngx-mce/datetime-picker |
|
|
19
|
+
| -------- | -------------------------|
|
|
20
|
+
| 21 | 21.x |
|
|
21
|
+
| 15 -- 20 | Please use [GNURub's version](https://github.com/GNURub/angular-material-components) |
|
|
22
|
+
| 7 -- 14 | Please use [h2qutc's version](https://github.com/h2qutc/angular-material-components) |
|
|
18
23
|
|
|
19
|
-
|
|
24
|
+
# File Input in action
|
|
20
25
|
|
|
21
|
-
|
|
26
|
+
See demo:
|
|
27
|
+
|
|
28
|
+
* Over [StackBlitz](https://stackblitz.com/edit/demo-ngx-mat-file-input).
|
|
29
|
+
* In the [documentation](https://fbf-prog64.github.io/angular-material-components/).
|
|
22
30
|
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
| 13 | 7.x+ |
|
|
29
|
-
| 12 | 6.x+ |
|
|
30
|
-
| 11 | 5.x+ |
|
|
31
|
-
| 10 | 4.x+ |
|
|
32
|
-
| 9 | 2.x+ |
|
|
33
|
-
| 8 | 2.x+ |
|
|
34
|
-
| 7 | 2.x+ |
|
|
35
|
-
|
|
36
|
-
## Getting started
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
# How to use
|
|
34
|
+
|
|
35
|
+
## Install
|
|
37
36
|
|
|
38
37
|
```
|
|
39
38
|
npm install --save @ngx-mce/file-input
|
|
40
39
|
```
|
|
41
40
|
|
|
42
|
-
##
|
|
41
|
+
## Configure
|
|
43
42
|
|
|
44
43
|
```
|
|
45
44
|
import { NgxMatFileInputModule } from '@ngx-mce/file-input';
|
|
@@ -55,13 +54,10 @@ import { NgxMatFileInputModule } from '@ngx-mce/file-input';
|
|
|
55
54
|
export class AppModule { }
|
|
56
55
|
```
|
|
57
56
|
|
|
58
|
-
|
|
59
|
-
[src/app/demo-fileinput/demo-fileinput.module.ts](src/app/demo-fileinput/demo-fileinput.module.ts)
|
|
57
|
+
Check more details [here](src/app/demo-fileinput/demo-fileinput.module.ts).
|
|
60
58
|
|
|
61
59
|
## Using the component
|
|
62
60
|
|
|
63
|
-
### File Input (ngx-mat-file-input)
|
|
64
|
-
|
|
65
61
|
```
|
|
66
62
|
<mat-form-field>
|
|
67
63
|
<ngx-mat-file-input [formControl]="fileControl" [multiple]="multiple" [accept]="accept" [color]="color">
|
|
@@ -69,7 +65,7 @@ export class AppModule { }
|
|
|
69
65
|
</mat-form-field>
|
|
70
66
|
```
|
|
71
67
|
|
|
72
|
-
|
|
68
|
+
ℹ️ You can provide a custom icon by using the directive **_ngxMatFileInputIcon_**.
|
|
73
69
|
|
|
74
70
|
```
|
|
75
71
|
<mat-form-field>
|
|
@@ -80,7 +76,7 @@ export class AppModule { }
|
|
|
80
76
|
</mat-form-field>
|
|
81
77
|
```
|
|
82
78
|
|
|
83
|
-
|
|
79
|
+
ℹ️ This compoment accepts all properties of a regular **MatFormField**, such as appearance variants, hints...
|
|
84
80
|
|
|
85
81
|
```
|
|
86
82
|
<mat-form-field appearance="outline">
|
|
@@ -90,7 +86,7 @@ export class AppModule { }
|
|
|
90
86
|
</mat-form-field>
|
|
91
87
|
```
|
|
92
88
|
|
|
93
|
-
|
|
89
|
+
### List of @Input
|
|
94
90
|
|
|
95
91
|
| @Input | Type | Default value | Description |
|
|
96
92
|
| ------------ | ------------ | ------------- | ------------------------------------------------------------------------------------------------------------------------------------ |
|