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
..
svg	Web: Moved all clients app to packages directory	2022-07-22 22:01:25 +03:00
checkbox.stories.js	Web: Moved all clients app to packages directory	2022-07-22 22:01:25 +03:00
checkbox.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-checkbox.js	Web: Moved all clients app to packages directory	2022-07-22 22:01:25 +03:00

README.md

Checkbox

Custom checkbox input

Usage

import Checkbox from "@docspace/components/checkbox";

<Checkbox
  id="id"
  name="name"
  value="value"
  label="label"
  isChecked={false}
  isIndeterminate={false}
  isDisabled={false}
  onChange={() => {}}
/>

Properties

Props	Type	Required	Values	Default	Description
`className`	`string`	-	-	-	Accepts class
`id`	`string`	-	-	-	Used as HTML `id` property
`isChecked`	`bool`	-	-	`false`	The checked property sets the checked state of a checkbox
`isDisabled`	`bool`	-	-	-	Disables the Checkbox input
`isIndeterminate`	`bool`	-	-	-	If true, this state is shown as a rectangle in the checkbox
`label`	`string`	-	-	-	Label of the input
`name`	`string`	-	-	-	Used as HTML `name` property
`onChange`	`func`	✅	-	-	Will be triggered whenever an CheckboxInput is clicked
`style`	`obj`, `array`	-	-	-	Accepts css style
`value`	`string`	-	-	-	Value of the input
`title`	`bool`	-	-	-	Title
`truncate`	`bool`	-	-	`false`	Disables word wrapping
`color`	`string`	-	-	`#FFFF`	Makes the checkbox a different color