oda-framework
Version:
24 lines (18 loc) • 1.28 kB
Markdown
Компонент **«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** механизм двойного биндинга.