rc-checkbox

Basic Checkbox

This code sample demonstrates how to use the rc-checkbox package to create a basic checkbox component in a React application.

{"import React from 'react';\nimport Checkbox from 'rc-checkbox';\n\nclass App extends React.Component {\n  render() {\n    return (\n      <Checkbox />\n    );\n  }\n}\n\nexport default App;"}

Controlled Checkbox

This code sample shows how to create a controlled checkbox where the checked state is managed by the component's state using React hooks.

{"import React, { useState } from 'react';\nimport Checkbox from 'rc-checkbox';\n\nfunction App() {\n  const [checked, setChecked] = useState(false);\n\n  const handleChange = (e) => {\n    setChecked(e.target.checked);\n  };\n\n  return (\n    <Checkbox\n      checked={checked}\n      onChange={handleChange}\n    />\n  );\n}\n\nexport default App;"}

Custom Styles

This code sample illustrates how to apply custom styles to the checkbox component using the style prop.

{"import React from 'react';\nimport Checkbox from 'rc-checkbox';\n\nfunction App() {\n  return (\n    <Checkbox\n      style={{ fontSize: '20px', color: 'blue' }}\n    />\n  );\n}\n\nexport default App;"}