Tatiana Lopaeva
40d56075f1
# Conflicts: # common/ASC.Data.Backup.Core/EF/BackupsContext.cs # common/ASC.Data.Backup.Core/Service/BackupWorker.cs # common/services/ASC.Data.Backup/Controllers/BackupController.cs # common/services/ASC.Data.Backup/Startup.cs # packages/asc-web-common/components/PageLayout/sub-components/section-header.js # products/ASC.Files/Client/public/locales/en/OperationsPanel.json # products/ASC.Files/Client/public/locales/en/Settings.json # products/ASC.Files/Client/public/locales/ru/Settings.json # products/ASC.Files/Client/src/components/SimpleFileInput/StyledSimpleFileInput.js # products/ASC.Files/Client/src/components/panels/SelectFolderDialog/index.js # products/ASC.Files/Client/src/components/panels/SelectFolderInput/StyledSelectFolderInput.js # products/ASC.Files/Client/src/components/panels/SelectFolderInput/index.js # products/ASC.Files/Client/src/components/panels/StyledPanels.js # products/ASC.Files/Client/webpack.config.js # web/ASC.Web.Client/public/locales/en/Settings.json # web/ASC.Web.Client/public/locales/ru/Settings.json # web/ASC.Web.Client/webpack.config.js |
||
---|---|---|
.. | ||
svg | ||
checkbox.stories.js | ||
checkbox.test.js | ||
index.js | ||
README.md | ||
styled-checkbox.js |
Checkbox
Custom checkbox input
Usage
import Checkbox from "@appserver/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 |