Taiga UI 5 is out!

InputFiles KIT

Examples API GitHub

TuiInputFiles

[accept]
Allowed formats
string
[maxFileSize]
Max file size in bytes (30 MB by default — 30 * 1000 * 1000)
number
[multiple]
Allows to upload several files
boolean
[tuiInputFiles]
Drop zone size
TuiSizeL
(reject)
Emits files that were rejected.
TuiFileLike[]
ControlApplied as a host directive
[disabled]
Disabled state (use formControl.disable()/.enable() for reactive forms)
boolean
[invalid]
Invalid state
null  |  boolean

TuiFiles

[max]
Maximum number of displayed files
number
[(expanded)]
Expanded/collapsed state for multiple files that are limited by the max property
boolean

TuiFile

[showDelete]
Allow to delete file after attach it
'always'  |  boolean
[file]
File
TuiFileLike
[state]
State of the file
TuiFileState
[showSize]
Show file size
boolean
[size]
Component size
TuiSizeL
(remove)
Emits on click on close button. When subscribed to, close button appears.
void