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

1.0.10 • Published 5 months ago

Install

Weekly downloads

46

License

ISC

Repository

Last release

5 months 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/ds-tagslist @synerise/design-system

7 months ago

7 months ago

7 months ago

5 months ago

5 months ago

6 months ago

6 months ago

6 months ago

7 months ago

7 months ago

5 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

9 months ago

8 months ago

8 months ago

9 months ago

9 months ago

11 months ago

11 months ago

11 months ago

10 months ago

11 months ago

11 months ago

11 months ago

12 months ago

12 months ago

12 months 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

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

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

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

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

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