React checkbox.
npm
npm i @2e32/react-checkbox
yarn
yarn add @2e32/react-checkbox
App.js
// Once (css import)
import '@2e32/react-checkbox/css';
const App = () => <Page />;
export default App;
Page.js
import { useState, useCallback } from 'react';
// Import the component
import Checkbox from '@2e32/react-checkbox';
const Page = () => {
const [checked, setChecked] = useState(false);
const handleChange = useCallback((newChecked) => {
setChecked(newChecked);
if (newChecked) console.log(`Changed to ${newChecked}`);
}, []);
return (
<Checkbox checked={checked} onChange={handleChange}>
Label
</Checkbox>
);
};
export default Page;
See storybook.