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 |
||
---|---|---|
.. | ||
svg | ||
checkbox.stories.js | ||
checkbox.test.js | ||
index.js | ||
README.md | ||
styled-checkbox.js |
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 |