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

---
title: Kapcsoló
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">
| Tulajdonságok | Típus | Leírás | Alapértelmezett |
| ------------- | -------- | ----------------------------------------------------------------------------------------------------------------------------------------- | --------------- |
| érték | boolean | A kapcsoló jelenlegi állapota | `hamis` |
| onChange | függvény | Callback function triggered when the toggle state changes | |
| szín | string | Color of the toggle when it\ | s blue color |
| kapcsolóméret | string | A kapcsoló mérete, amely befolyásolja mind a magasságot, mind a súlyt. Két lehetőség: `small` és `medium` | közepes |
</Tab>
</Tabs>