Server-rendered Preact and Tailwind components, with a live guide that runs every one.

This demo's search, in full:

<CommandPalette<Row>
  trigger="field"
  hotkeys={["mod+k", "/"]}
  search={async (query) => {
    lastQuery.current = query
    const rows = await loadRows()
    return query.trim() === ""
      ? [...commands, ...rows.filter((r) => r.group === "Start here")]
      // Components first, so a tie goes to the component, not a
      // command, unless the query is one of the command's words.
      : commandWordFirst(
        matchOptions(
          [
            ...rows.filter((r) => r.group === "Components"),
            ...commands,
          ],
          query,
        ),
        query,
      )
  }}
  debounce={0}
  defaultQuery={chipQuery.value ?? ""}
  onSelect={pick}
  labels={{
    ...PALETTE_LABELS,
    placeholder: PALETTE_LABELS.placeholder(count),
  }}
  class="h-12! text-base!"
/>