Angular Material File Input
npm install @majesnix/file-input


An Angular Material File Input.

@see DEMO stackblitz
@see LIVE DEMO
Choose the version corresponding to your Angular version:
Angular | @angular-material-components/file-input
----------- | -------------------
11 | 5.x+
10 | 4.x+
9 | 2.x+
8 | 2.x+
7 | 2.x+
Choose the version corresponding to your Angular version:
Angular | @angular-material-components/file-input
----------- | -------------------
10 | 4.x+
9 | 2.x+
8 | 2.x+
7 | 2.x+
```
npm install --save @angular-material-components/file-input
`
import { NgxMatFileInputModule } from '@angular-material-components/file-input';
@NgModule({
...
imports: [
...
NgxMatFileInputModule
]
...
})
export class AppModule { }
`
@see src/app/demo-fileinput/demo-fileinput.module.ts
``
#### You can provide a custom icon by using the directive ngxMatFileInputIcon
``
#### You can use with all properties of MatFormField such as appearance variants, hint...
``
#### List of @Input
| @Input | Type | Default value | Description |
|--------------- |---------- |--------------- |---------------------------------------------------------------------- |
| disabled | boolean | null | If true, the file input is readonly. |
| multiple | boolean | false | If true, the file input allows the user to select more than one file. |
| accept | string | null | Limiting accepted file types (For example: accept="image/png, image/jpeg" or accept=".png, .jpg, .jpeg" — Accept PNG or JPEG files.) |
| color | ThemePalette | null | Theme color palette for the component. |
``