Class SelectionBar

Example

// example.ts
class Example {
  selected: number = 0;
}
Copy

<!-- example.html -->
<selection-bar data.bind="selected">
  <selection-bar-option data.bind="0" value="Foo"></selection-bar-option>
  <selection-bar-option data.bind="1" value="Bar"></selection-bar-option>
</selection-bar>
Copy

Example

Selection logic can also be implemented manually, if needed:

<selection-bar>
  <selection-bar-option selected.bind="selected === 0" action.call="selected = 0" value="Foo">
  </selection-bar-option>
  <selection-bar-option selected.bind="selected === 1" action.call="selected = 1" value="Bar">
  </selection-bar-option>
</selection-bar>
Copy