Компонент **«Toggle»** является двухпозиционным переключателем, который называется тумблером.

Для его использования необходимо подключить JS-модуль «**toggle.js**» и добавить в HTML-код пользовательский тэг «**oda-toggle**».

Например,

```javascript _run_line_edit_loadoda_[my-component.js]
ODA({
    is: 'my-component',
    imports: ['@oda/toggle'],
    template: `
        <oda-toggle ::toggled></oda-toggle>
        <span>{{'Текущее состояние: ' + toggled}}</span>
    `,
    props: {
        toggled: false,
    }
});
```

При щелчке кнопкой мыши по данному компоненту будет автоматически изменятся его состояние, которое можно узнать с помощью свойства **toggled**.

Кроме этого, изменение состояния флажка можно отловить в слушателях событий **toggled-changed**, если не использовать для свойства **toggled** механизм двойного биндинга.