Start sharing components as a team!Share components as a team!Join Bit to build your applications faster.Get Started Free

autocomplete

v4.15.0arrow_drop_down
v4.15.0
STATUS
Passing
DOWNLOADS
91
LICENSE
MIT
VISIBILITY
Public
PUBLISHED
A year ago
SIZE
230 KB
The Autocomplete components renders a filterable list of options in a Popover — it does not render the text input.
1 contributor
Install autocomplete as a package?
Copied
npm i @bit/segmentio.evergreen.autocomplete
Set Bit as a scoped registryLearn more
npm config set '@bit:registry' https://node.bit.dev
Component Example
React
React
Vue
Angular
React Native
Add dependency... help_outline
Just
import
any of the 1 million components
and packages in Bit or NPM to the example.
import Button from '@bit/grommet.grommet.button';
import Lodash from 'lodash';
toggle layout
modifieddraft
modifieddraft
modifieddraft
modifieddraft
chevron_left
chevron_right

This prop can be either a string or a Node. It will provide a title for the items

An array of items to be used as options for the select

The selected Item to be shown on the autocomplete

The selected item to be selected & shown by default on the autocomplete

In case the array of items is not an array of strings, this function is used on each item to return the string that will be shown on the filter

Function that will render the ‘filter’ component.

The height of each item in the list Because the list is virtualized this is required beforehand.

Function that returns a component to render the item

The position of the Popover the Autocomplete is rendered in.

A function that is used to filter the items. It should return a subset of the initial items. By default the “fuzzaldrin-plus” package is used.

Prop that enables and disables filtering True: Enables Filtering False: Disables Filtering

Defines the minimum height the results container will be

Defines the maximum height the results container will be

Properties
NameType
children
node
style
object
isSelected
bool
isHighlighted
bool