react-switch-pro

Getting Started with react-switch-pro

Demo

type="dayNight"

type="heart"

type="light"

Installation

npm install --save react-switch-pro

Usage

import { ToggleSwitch } from 'react-switch-pro';

const [isChecked, setIsChecked] = React.useState(false);

<ToggleSwitch type="light" className="custom" name="day-night" checked={isChecked} onChange={(value, name) => setIsChecked(value, name)} />

import { ToggleSwitch } from 'react-switch-pro';
const [isChecked, setIsChecked] = React.useState(false);

function App() {
	const [isChecked, setIsChecked] = React.useState(false);
	return (
		<div className="App">
			<ToggleSwitch
				type="light"
				className="custom"
				name="day-night"
				checked={isChecked}
				onChange={(value, name) => setIsChecked(value, name)}
			/>
		</div>
	);
}