History

Alexey Safronov 03b03ed910 Merge branch 'develop' into feature/sso # 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		2022-08-02 12:05:15 +03:00
..
field-container.stories.js	Web: Moved all clients app to packages directory	2022-07-22 22:01:25 +03:00
field-container.test.js	Web: Moved all clients app to packages directory	2022-07-22 22:01:25 +03:00
index.js	Merge branch 'develop' into feature/sso	2022-08-02 12:05:15 +03:00
README.md	Web: Moved all clients app to packages directory	2022-07-22 22:01:25 +03:00
styled-field-container.js	Web: Moved all clients app to packages directory	2022-07-22 22:01:25 +03:00

README.md

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