quickswitcher

Try it

Things worth trying

• Type people or documents and press Enter to drill into a nested search.
• Press Backspace on an empty box to step back out.
• Pick the same result a few times, reopen, and watch it climb the list.
• Settings → Accent color nests three levels deep.
• Projects keeps active work above archived work no matter what you pick.
• Type demo error to see the failure state.

Install

npm install @nowtwo-llc/quick-switcher

Use

import lstrQuickSwitcher from '@nowtwo-llc/quick-switcher';
import '@nowtwo-llc/quick-switcher/style.css';

const switcher = lstrQuickSwitcher({
  searchCallback(searchText, resultHandler) {
    const people = ['Zach', 'Stacy', 'Matt', 'Lightster', 'Baxter'];

    resultHandler.setResults(
      people.filter((p) => resultHandler.filters.isMatch(searchText, p))
    );
  },
  selectCallback(selected) {
    console.log(selected.selectedValue);
  },
});