Yet Another Multi-select

Introduced in v0.1.1.

A replacement for Observable Input: Select with autocomplete and means to pick multiple options. Uses datalist, making it accessible and usable within Observable Notebooks.

The control was originally made to be used in Obseravble Notebooks. You can read usage and options documentation on Obseravble.

Usage

import { yamultiselect } from "npm:@saneef/observable-framework-utils";

const flavorsSelect = yamultiselect(
  ["salty", "sweet", "bitter", "sour", "umami"], // data
  { label: "Flavors" }, // options
);

const flavors = view(flavorsSelect);

Example

const flavorsSelect = yamultiselect(
  ["salty", "sweet", "bitter", "sour", "umami"],
  {
    label: "Flavors",
  },
);
const flavours = view(flavorsSelect);

display(flavours);