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 |
||
---|---|---|
.. | ||
field-container.stories.js | ||
field-container.test.js | ||
index.js | ||
README.md | ||
styled-field-container.js |
FieldContainer
Responsive form field container
Usage
import FieldContainer from "@docspace/components/field-container";
<FieldContainer labelText="Name:">
<TextInput value="" onChange={(e) => console.log(e.target.value)} />
</FieldContainer>
Properties
Props | Type | Required | Values | Default | Description |
---|---|---|---|---|---|
className |
string |
- | - | - | Accepts class |
errorColor |
string |
- | - | #C96C27 |
Error text color |
errorMessageWidth |
string |
- | - | 320px |
Error text width |
errorMessage |
string |
- | - | - | Error message text |
hasError |
bool |
- | - | false |
Indicates that the field is incorrect |
helpButtonHeaderContent |
string |
- | - | - | Tooltip header content (tooltip opened in aside) |
id |
string |
- | - | - | Accepts id |
isRequired |
bool |
- | - | false |
Indicates that the field is required to fill |
isVertical |
bool |
- | - | false |
Vertical or horizontal alignment |
labelText |
string |
- | - | - | Field label text |
labelVisible |
bool |
- | - | true |
Sets visibility of field label section |
maxLabelWidth |
string |
- | - | 110px |
Max label width in horizontal alignment |
style |
obj , array |
- | - | - | Accepts css style |
tooltipContent |
object ,string |
- | - | - | Tooltip content |