Input: Search

Observable Framework documentation: Input: Search Source: https://observablehq.com/framework/input-search

API · Source · The search input allows freeform, full-text search of a tabular dataset (or a single column of values) using a simple query parser. It is often paired with a table input.

By default, the query is split into terms separated by spaces; each term is then prefix-matched against the property values (the fields) of each row in the data. Try searching for “gen” below to find Gentoo penguins.

const searchInput = Inputs.search(penguins, {placeholder: "Search penguins…"});
const search = view(searchInput);

const search = view(Inputs.search(penguins, {placeholder: "Search penguins…"}));