npm
npmjs.com › package › react-switch
react-switch - npm
December 14, 2024 - Draggable toggle-switch component for react. Latest version: 7.1.0, last published: a year ago. Start using react-switch in your project by running `npm i react-switch`. There are 431 other projects in the npm registry using react-switch.
» npm install react-switch
Published Dec 14, 2024
Version 7.1.0
npm
npmjs.com › package › react-switch-selector
react-switch-selector - npm
August 6, 2024 - Tiny switch/toggle component for React️ ⚛. Latest version: 2.3.1, last published: 6 days ago. Start using react-switch-selector in your project by running `npm i react-switch-selector`. There are 11 other projects in the npm registry using ...
» npm install react-switch-selector
Published Jan 02, 2026
Version 2.3.1
Author https://github.com/GR34SE
npm
npmjs.com › package › react-js-switch
react-js-switch - npm
November 20, 2021 - Switch is a visual toggle between two mutually exclusive states — on and off.. Latest version: 1.1.6, last published: 4 years ago. Start using react-js-switch in your project by running `npm i react-js-switch`. There are 1 other projects in ...
» npm install react-js-switch
Published Nov 20, 2021
Version 1.1.6
Author Ahmed Alabsi
Repository https://github.com/alabsi91/react-js-switch
npm
npmjs.com › package › rc-switch
rc-switch - npm
April 23, 2023 - switch ui component for react. Latest version: 4.1.0, last published: 3 years ago. Start using rc-switch in your project by running `npm i rc-switch`. There are 549 other projects in the npm registry using rc-switch.
» npm install rc-switch
GitHub
github.com › markusenglund › react-switch
GitHub - markusenglund/react-switch: A draggable toggle-switch component for React. Check out the demo at: · GitHub
A draggable toggle-switch component for React. Draggable with the mouse or with a touch screen. Customizable - Easy to customize size, color and more. Accessible to visually impaired users and those who can't use a mouse.
Starred by 1.3K users
Forked by 100 users
Languages JavaScript
npm
npmjs.com › package › @uiw › react-switch
@uiw/react-switch - npm
December 21, 2022 - Switch component. Latest version: 4.22.3, last published: 2 years ago. Start using @uiw/react-switch in your project by running `npm i @uiw/react-switch`. There are 1 other projects in the npm registry using @uiw/react-switch.
» npm install @uiw/react-switch
GitHub
github.com › react-component › switch
GitHub - react-component/switch: React Switch · GitHub
Starred by 194 users
Forked by 78 users
Languages JavaScript 45.6% | TypeScript 34.0% | Less 19.8% | Shell 0.6%
Syncfusion
ej2.syncfusion.com › react › documentation › switch › getting-started
Getting started with React Switch component | Syncfusion
February 3, 2026 - npm create vite@latest my-app -- --template react cd my-app npm run dev · All the available Essential® JS 2 packages are published in the npmjs.com public registry. To install the Switch component, use the following command
npm
npmjs.com › package › @radix-ui › react-switch
@radix-ui/react-switch - npm
August 13, 2025 - View docs [here](https://radix-ui.com/primitives/docs/components/switch).. Latest version: 1.2.6, last published: 8 months ago. Start using @radix-ui/react-switch in your project by running `npm i @radix-ui/react-switch`. There are 3842 other projects in the npm registry using @radix-ui/re...
» npm install @radix-ui/react-switch
Published Aug 13, 2025
Version 1.2.6
Repository https://github.com/radix-ui/primitives
Homepage https://radix-ui.com/primitives
npm
npmjs.com › package › use-react-switch
use-react-switch - npm
May 1, 2019 - import React, { Component } from 'react' import Switch from 'use-react-switch' class Example extends Component { constructor() { super(); this.state = { isOpen : false } } render () { let {isOpen} = this.state; return ( <Switch name="switch" onClick={() => this.setState({isOpen : !isOpen})} isOpen={isOpen} /> ) } }
» npm install use-react-switch
Published May 01, 2019
Version 1.1.1
Author shahabvshahabi1996
npm
npmjs.com › package › react-switch-case
react-switch-case - npm
October 17, 2020 - Little switch-case React component to render nested components.. Latest version: 1.5.1, last published: 5 years ago. Start using react-switch-case in your project by running `npm i react-switch-case`. There are 1 other projects in the npm registry using react-switch-case.
» npm install react-switch-case
Published Oct 17, 2020
Version 1.5.1
Author Aleksandrov Sergey
Top answer 1 of 9
249
Using Routes instead of Switch in react-router v6
You are using react-router-dom version 6, which replaced Switch with the Routes component
import {
BrowserRouter,
Routes, // instead of "Switch"
Route,
} from "react-router-dom";
// ...
<BrowserRouter>
<Routes>
<Route path="/" element={<Home />} />
</Routes>
</BrowserRouter>
Note that you now also pass your component as the element prop instead of using children.
2 of 9
17
if you want to use Switch then install react-router-dom version 5. Switch is replaced in react-router-dom version 6.
npm install react-router-dom@5
npm
npmjs.com › package › react-input-switch
react-input-switch - npm
May 7, 2020 - React toggle switch component. Latest version: 2.2.2, last published: 6 years ago. Start using react-input-switch in your project by running `npm i react-input-switch`. There are 5 other projects in the npm registry using react-input-switch.
» npm install react-input-switch
Published May 07, 2020
Version 2.2.2
Author Wang Zuo
GitHub
github.com › aminnairi › react-switch
GitHub - aminnairi/react-switch: A simple JavaScript-like switch component for React written in TypeScript
A simple JavaScript-like switch component for React written in TypeScript ... Back to summary. npm install react react-dom @aminnairi/react-switch npm install --save-dev vite @types/react @types/react-dom
Author aminnairi
npm
npmjs.com › package › react-switch-toggle
@datorama/akita - npm
February 21, 2019 - npm · Sign UpSign In · 0.1.5 • Public • Published 6 years ago · Readme · Code Beta · 3 Dependencies · 0 Dependents · 6 Versions · This module exposes component for CKEditor 5 for react: Get a toggle switch like and ON/OFF for your UI · Can use it to toggle status ·
» npm install react-switch-toggle
Published Feb 21, 2019
Version 0.1.5
Author anubhav.techanthusiast@gmail.com
npm
npmjs.com › search
keywords:react-switch - npm search
A package of feature-rich Essential JS 2 components such as Button, CheckBox, RadioButton and Switch. for React
Npm
npm.io › package › react-toggle-switch
React-toggle-switch NPM | npm.io
A simple iOS inspired toggle switch. ... import React, {Component} from 'react'; import {render} from 'react-dom'; import Switch from 'react-toggle-switch' class MyComponent extends Component { constructor(props) { super(props); this.state = { switched: false }; } toggleSwitch = () => { ...
Npm
npm.io › package › react-switch-toggle
React-switch-toggle NPM | npm.io
import React, { Component } from 'react'; import ReactSwitch from 'ckeditor-react'; class ckeditor extends Component{ onChange = () => { console.log( 'status changed' ); } render(){ return( <ReactSwitch style={{height: '100px'}} // your custom styles className="test" // your custom className onChange={() => this.onChange()} // function to change switch status isChecked={this.state.checked} // checked status of Switch /> ); } };