Preact-autocomplete

A React Autocomplete Component for Input

Installation

yarn add preact-autocomplete
or
npm install preact-autocomplete --save

Demo

Online example

Features

• Filter data of object or array
• Customize filter value
• Customize output value
• Keyboard control
• Auto reset value (option)
• onChange callback
• Customize empty message
• Dropdown mode

Development

yarn install
or
npm install

local development :
start a local development with yarn w
server onlocalhost:8080

local build :
yarn build
output to /lib/*

Demo deploy :
yarn p
output to public/*

local test :
yarn test

---

Preact-autocomplete

一個使用於 autocomplete 或 dropdown 需求的 React component

安裝方式

yarn add preact-autocomplete

Demo

Online example

功能涵蓋

• 過濾物件、陣列
• 過濾任意key 值
• 帶出任意key 值
• keyboard 選擇
• 自動清空 (可選)
• 自訂選值後callback
• 自訂查無項目訊息
• 下拉選單模式

開發方式

yarn install

本機開發 :
yarn w
預設於localhost:8080 開啟Hot Module Replacement

本機部署 :
yarn build
預設透過babel 放置於/lib/* 下

Demo部署 :
yarn p
預設產出至 public/*

本機測試 :
yarn test