Files
twenty/packages/twenty-docs/l/af/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.4 KiB
Plaintext

---
title: Wissel
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">
| Eienskappe | Tipe | Beskrywing | Standaard |
| ------------- | ---------- | -------------------------------------------------------------------------------------------------------------------------- | ------------- |
| waarde | booleaanse | Die huidige toestand van die wissel | `vals` |
| opVerandering | funksie | Terugroepfunksie wat geaktiveer word wanneer die wisseltoestand verander | |
| kleur | string | Kleur van die wissel wanneer dit\ | is blou kleur |
| wisselGrootte | string | Size of the toggle, affecting both height and weight. Het twee opsies: `klein` en `medium` | medium |
</Tab>
</Tabs>