Alexey Safronov
03b03ed910
# Conflicts: # packages/client/public/images/actions.upload.react.svg # packages/client/public/images/empty_screen_privacy.png # packages/client/public/locales/en/SingleSignOn.json # packages/client/public/locales/ru/SingleSignOn.json # packages/client/src/helpers/constants.js # packages/client/src/pages/PortalSettings/categories/integration/index.js # packages/client/src/pages/PortalSettings/categories/integration/sub-components/consumerItem.js # packages/client/src/pages/PortalSettings/categories/integration/sub-components/consumerModalDialog.js # packages/client/src/pages/PortalSettings/categories/integration/sub-components/consumerToggle.js # packages/client/src/pages/PortalSettings/categories/integration/sub-components/modalDialogContainer.js # packages/client/src/pages/PortalSettings/categories/integration/sub-components/ssoLoader.js # packages/client/src/pages/PortalSettings/categories/integration/thirdPartyServicesSettings.js # packages/client/src/store/SsoFormStore.js # web/ASC.Web.Client/src/components/pages/Settings/categories/integration/ThirdPartyServicesSettings/index.js # web/ASC.Web.Client/src/components/pages/Settings/categories/integration/ThirdPartyServicesSettings/sub-components/consumerItem.js # web/ASC.Web.Client/src/components/pages/Settings/categories/integration/ThirdPartyServicesSettings/sub-components/consumerModalDialog.js # web/ASC.Web.Client/src/components/pages/Settings/categories/integration/ThirdPartyServicesSettings/sub-components/consumerToggle.js # web/ASC.Web.Client/src/components/pages/Settings/categories/integration/ThirdPartyServicesSettings/sub-components/modalDialogContainer.js # web/ASC.Web.Client/src/components/pages/Settings/categories/integration/sub-components/consumerItem.js # web/ASC.Web.Client/src/components/pages/Settings/categories/integration/sub-components/consumerModalDialog.js # web/ASC.Web.Client/src/components/pages/Settings/categories/integration/sub-components/consumerToggle.js # web/ASC.Web.Client/src/components/pages/Settings/categories/integration/sub-components/modalDialogContainer.js # web/ASC.Web.Client/src/components/pages/Settings/categories/integration/thirdPartyServicesSettings.js |
||
---|---|---|
.. | ||
file-input.stories.js | ||
file-input.test.js | ||
index.js | ||
README.md | ||
styled-file-input.js |
FileInput
File entry field
Usage
import FileInput from "@docspace/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 |