nextui/apps/docs/content/components/checkbox/controlled-vs-uncontrolled.ts

25 lines
518 B
TypeScript

const App = `import React from 'react'
import { Checkbox, Spacer } from "@nextui-org/react";
export default function App() {
const [selected, setSelected] = React.useState(true);
return (
<>
<Checkbox initialChecked color="success">Subscribe (uncontrolled)</Checkbox>
<Spacer x={1} />
<Checkbox checked={selected} color="success" onChange={setSelected} >
Subscribe (controlled)
</Checkbox>
</>
);
}`;
const react = {
'/App.js': App
};
export default {
...react
};