@synerise/ds-switch NPM

id: switch

title: Switch

Switch UI Component

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-form-field @synerise/ds-typography @synerise/ds-utils classnames

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

3 months ago

3 months ago

1 month ago

2 months ago

2 months ago

2 months ago

4 months ago

4 months ago

4 months ago

3 months ago

3 months ago

4 months ago

4 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

6 months ago

6 months ago

8 months ago

8 months ago

7 months ago

7 months ago

8 months ago

8 months ago

7 months ago

8 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

10 months ago

12 months ago

12 months ago

11 months ago

11 months ago

11 months ago

10 months ago

11 months ago

10 months ago

10 months ago

10 months ago

1 year ago

1 year ago

1 year 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

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

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

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

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

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago