UNPKG

ldx-widgets

Version:

widgets

111 lines (81 loc) • 1.74 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
[<< Component Index](../README.md) # [FileInput](https://github.com/tmfi/ldx-web-utilities/blob/develop/src/components/file_input.coffee) File input component for file uploads ### openAlertModal **`Function`** _Required_ Handler used for opening the alert modal widget to display error messages --- ### onChange **`Function`** _Optional_ Event handler fired after on or more files are selected. Fires in an Async manner for images to check dimensions --- ### onFileRemove **`Function`** _Optional_ Event handler fired when a file is removed from the input --- ### wrapperClass **`String`** _Optional_ CSS class that wraps the component --- ### className **`String`** _Optional_ CSS class on the input element itself --- ### multiple **`Boolean`** _Optional_ Multiple file input --- ### chooseFileText **`String`** _Optional_ Placeholder text for the 'Choose' button --- ### removeFileText **`String`** _Optional_ Placeholder text for the 'Remove' button --- ### name **`String`** _Required_ Name attribute for the input element --- ### maxSize **`Number`** _Optional_ The maximum size in bytes for a file --- ### resolution **`Object`** _Optional_ Only applicable to image files. Enforces minimum and maximum length and width for images. ``` resolution: max: h: null w: null min: h: null w: null ``` --- ### disabled **`Boolean`** _Optional_ Disables the input element --- ### displayFilename **`Boolean`** _Optional_ Toggle the display of the filename --- ### uploadProgress **`Object|String|Number`** _Optional_ Tracks the upload progress of the file with the associated `name` prop