<notatio-toggler-bar>

<notatio-toggler-bar name="s" values="2|3|5|7" value="2|5"> -- a row of buttons of which any number are down, Wolfram's TogglerBar. Click one to toggle it; the binding _s is the List of the selected entries' values, in bar order, so Length(_s) and Sum(_s) mean what they say. Entries are |-separated and may be value -> label; value names the entries down at first, |-separated.

Stories in the playground·packages/notatio-lit/src/notatio-toggler-bar.ts· in Vue: <TogglerBar>

Attributes

Attribute	Type	Default	Notes
name	string	""	The binding this control drives: name="a" fills the wildcard _a.reflects
values	string	""	The entries, |-separated, each optionally value -> label.
value	string	""	The entry (or, for a multiple selection, the |-separated entries) selected at first.