Skip to content

<notatio-list-picker>

<notatio-list-picker name="s" values="2|3|5|7|11" value="3|7"> -- a list in view, with any number of entries selected: Wolfram's ListPicker. Click toggles an entry; arrows move, Space toggles. The binding _s is the List of selected values in list order. single allows one selection only (Wolfram's Multiselection -> False), and then binds the value itself. rows is how many entries show before scrolling.

Stories in the playground·packages/notatio-lit/src/notatio-list-picker.ts· in Vue: <ListPicker>

Attributes

AttributeTypeDefaultNotes
namestring""The binding this control drives: name="a" fills the wildcard _a.reflects
valuesstring""The entries, |-separated, each optionally value -> label.
valuestring""The entry (or, for a multiple selection, the |-separated entries) selected at first.
singlebooleanfalseAllow one selection only; the binding is then the value, not a list of one.reflects
rowsnumber6Entries visible before the list scrolls.