Files
twenty/packages/twenty-docs/l/ca/twenty-ui/input/toggle.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

40 lines
1.5 KiB
Plaintext

---
title: Canvia
image: /images/user-guide/table-views/table.png
---
<Frame>
<img src="/images/user-guide/table-views/table.png" alt="Header" />
</Frame>
<Tabs>
<Tab title="Usage">
```jsx
import { Toggle } from "twenty-ui/input";
export const MyComponent = () => {
return (
<Toggle
value = {true}
onChange = {()=>console.log('On Change event')}
color="green"
toggleSize = "medium"
/>
);
};
```
</Tab>
<Tab title="Props">
| Props | Tipus | Descripció | Per defecte |
| --------------- | ------- | ------------------------------------------------------------------------------------------------------------------------------- | ------------ |
| valor | boolean | The current state of the toggle | `fals` |
| onChange | funció | Funció de retorn activada quan l'estat del commutador canvia | |
| color | cadena | Color of the toggle when it\ | s blue color |
| midaInterruptor | cadena | Mida del commutador, que afecta tant l'altura com l'amplada. Té dues opcions: `petit` i `mitjà` | mitjà |
</Tab>
</Tabs>