FileInput
File entry field
Usage
import FileInput from "@appserver/components/file-input";
<FileInput
placeholder="Input file"
accept=".doc, .docx"
onInput={(file) => {
console.log(
file,
`name: ${file.name}`,
`lastModified: ${file.lastModifiedDate}`,
`size: ${file.size}`
);
}}
/>
Properties
Props |
Type |
Required |
Values |
Default |
Description |
className |
string |
- |
- |
- |
Accepts class |
hasError |
bool |
- |
- |
false |
Indicates the input field has an error |
hasWarning |
bool |
- |
- |
false |
Indicates the input field has a warning |
id |
string |
- |
- |
- |
Used as HTML id property |
isDisabled |
bool |
- |
- |
false |
Indicates that the field cannot be used (e.g not authorised, or changes not saved) |
name |
string |
- |
- |
- |
Used as HTML name property |
onInput |
func |
- |
- |
- |
Called when a file is selected |
placeholder |
string |
- |
- |
- |
Placeholder text for the input |
scale |
bool |
- |
- |
false |
Indicates the input field has scale |
size |
string |
- |
base , middle , big , huge , large |
base |
Supported size of the input fields. |
style |
obj , array |
- |
- |
- |
Accepts css style |
accept |
string |
- |
- |
- |
Specifies files visible for upload |