@synerise/ds-checkbox-tristate NPM | npm.io

1.0.10 • Published 1 year ago

Install

Weekly downloads

46

License

ISC

Repository

Last release

1 year ago

id: checkbox-tristate

title: CheckboxTristate

CheckboxTristate UI Component - Expands Checkbox to third undefined state.

Installation

npm i @synerise/ds-checkbox-tristate
or
yarn add @synerise/ds-checkbox-tristate

Usage

import CheckboxTristate, { CheckboxTristateChangeEvent } from '@synerise/ds-checkbox-tristate';

<CheckboxTristate 
  checked={checkedValue}
  onChange={(event: CheckboxTristateChangeEvent) => {
    console.log(event.target.checked); // this will return false|true|undefined
  }}
/>

Demo

API

Property	Description	Type	Default
autoFocus	Get focus when component mounted	boolean	`false`
checked	Specifies whether the checkbox is selected or indeterminate	boolean	undefined	`undefined`
defaultChecked	Specifies the initial state: whether or not the checkbox is selected.	boolean	`false`
description	Checkbox description	string	-
disabled	Disable checkbox	boolean	`false`
errorText	Error message, if provided sets error state on checkbox	string	-
hasError	Determines if checkbox is in error state	boolean	`false`
onChange	The callback function that is triggered when the state changes.	(e:CheckboxTristateChangeEvent)=>void	-
withoutPadding	Reset padding of CheckboxWrapper	boolean	`false`

@synerise/ds-checkbox @synerise/ds-utils

@infinitebrahmanuniverse/nolb-_syn @everything-registry/sub-chunk-889 @zalastax/nolb-_syn @synerise/ds-mapping @synerise/design-system @synerise/ds-tagslist

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago