rc-switch

Basic switch

This code sample demonstrates how to render a basic switch component using the rc-switch package. It imports the Switch component from the package and includes it in a React component to be displayed.

import React from 'react';
import Switch from 'rc-switch';

function App() {
  return (
    <Switch />
  );
}

export default App;

Customized switch

This example shows how to customize a switch by adding labels for the checked and unchecked states, and setting the default state to checked. The 'checkedChildren' and 'unCheckedChildren' props allow for custom labels, while 'defaultChecked' initializes the switch in the on position.

import React from 'react';
import Switch from 'rc-switch';

function App() {
  return (
    <Switch
      checkedChildren="on"
      unCheckedChildren="off"
      defaultChecked
    />
  );
}

export default App;