@synerise/ds-switch NPM | npm.io

0.4.70 • Published 2 days ago

Install

Weekly downloads

175

License

ISC

Repository

Last release

2 days ago

id: switch

title: Switch

Switch UI Component

Based on Ant Design Switch

Demo

API

Props

Property	Description	Type	Default
autoFocus	get focus when component mounted	boolean	`false`
checked	determine whether the Switch is checked	boolean	`false`
checkedChildren	content to be shown when the state is checked	string / React.ReactNode	-
className	additional class to Switch	string	-
defaultChecked	to set the initial state	boolean	`false`
disabled	Disable switch	boolean	`false`
description	Switch description	string	-
errorText	Error message, when provided changes switch style	string	-
label	switch label	string	-
tooltip	tooltip next to label	string \| null	`null`
tooltipIcon	icon for tooltip	React.ReactNode	-
tooltipConfig	configuration of tooltip	React.ReactNode	-
loading	loading state of switch	boolean	`false`
onChange	trigger when the checked state is changing	(checked: boolean, event: Event) => void	-
onClick	trigger when clicked	(checked: boolean, event: Event) => void	-
unCheckedChildren	content to be shown when the state is unchecked	string / React.ReactNode	-
size	the size of the Switch,	`small` \| `default`	`default`

Methods

Name	Description
blur()	remove focus
focus()	get focus

@synerise/ds-input @synerise/ds-typography @synerise/ds-utils classnames uuid

@infinitebrahmanuniverse/nolb-_syn @everything-registry/sub-chunk-890 @zalastax/nolb-_syn @synerise/ds-list-item @synerise/ds-column-manager

2 days ago

2 days ago

11 days ago

25 days ago

1 month ago

1 month ago

1 month ago

2 months ago

2 months ago

2 months ago

3 months ago

3 months ago

3 months ago

3 months ago

4 months ago

4 months ago

4 months ago

5 months ago

5 months ago

5 months ago

8 months ago

8 months ago

9 months ago

8 months ago

7 months ago

6 months ago

7 months ago

7 months ago

8 months ago

7 months ago

9 months ago

10 months ago

10 months ago

6 months ago

11 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

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

2 years ago

3 years ago

3 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

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

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

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