Files
twenty/packages/twenty-docs/l/aa/twenty-ui/input/checkbox.mdx
T
github-actions[bot] 8cadd00d34 i18n - translations (#15799)
Created by Github action

---------

Co-authored-by: Crowdin Bot <support+bot@crowdin.com>
Co-authored-by: github-actions <github-actions@twenty.com>
2025-11-13 16:34:00 +01:00

48 lines
1.9 KiB
Plaintext

---
title: crwdns61680:0crwdne61680:0
image: crwdns61682:0crwdne61682:0
---
<Frame>
<img src="/images/user-guide/tasks/tasks_header.png" alt="Header" />
</Frame>
crwdns61684:0crwdne61684:0
<Tabs>
<Tab title="Usage">
```jsx
import { Checkbox } from "twenty-ui/display";
export const MyComponent = () => {
return (
<Checkbox
checked={true}
indeterminate={false}
onChange={() => console.log("onChange function fired")}
onCheckedChange={() => console.log("onCheckedChange function fired")}
variant="primary"
size="small"
shape="squared"
/>
);
};
```
</Tab>
<Tab title="Props">
| crwdns61686:0crwdne61686:0 | crwdns61688:0crwdne61688:0 | crwdns61690:0crwdne61690:0 |
| ---------------------------------------------------------- | ---------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------- |
| crwdns61692:0crwdne61692:0 | crwdns61694:0crwdne61694:0 | crwdns61696:0crwdne61696:0 |
| crwdns61698:0crwdne61698:0 | crwdns61700:0crwdne61700:0 | crwdns61702:0crwdne61702:0 |
| crwdns61704:0crwdne61704:0 | crwdns61706:0crwdne61706:0 | crwdns61708:0crwdne61708:0 |
| crwdns61710:0crwdne61710:0 | crwdns61712:0crwdne61712:0 | crwdns61714:0crwdne61714:0 |
| crwdns61716:0crwdne61716:0 | crwdns61718:0crwdne61718:0 | crwdns61720:0crwdne61720:0 crwdns61722:0crwdne61722:0 |
| crwdns61726:0crwdne61726:0 | crwdns61728:0crwdne61728:0 | crwdns61730:0crwdne61730:0 crwdns61734:0crwdne61734:0 |
| crwdns61738:0crwdne61738:0 | crwdns61742:0crwdne61742:0 | crwdns61746:0crwdne61746:0 crwdns61750:0crwdne61750:0 |
</Tab>
</Tabs>