@finastra/autocomplete NPM

Autocomplete

The autocomplete is a text input enhanced by a panel of suggested options.

It uses the fds-search-input component, so it inherits all its properties.

Usage

Import

npm i @finastra/autocomplete

import '@finastra/autocomplete';
...
<fds-autocomplete name="World">
    <fds-list-item value="One">One</fds-list-item>
    <fds-list-item value="Two">Two</fds-list-item>
    <fds-list-item value="Three">Three</fds-list-item>
</fds-autocomplete>

API

Properties

Property	Attribute	Type	Default
`ariaDescribedBy`	`aria-describedby`	`string`	""
`ariaLabel`	`aria-label`	`string`	""
`ariaLabelledBy`	`aria-labelledby`	`string`	""
`disabled`	`disabled`	`boolean`	false
`icon`	`icon`	`string`	""
`loading`	`loading`	`boolean`	false
`minLengthToOpenMenu`	`minLengthToOpenMenu`	`number`	0
`name`	`name`	`string`	""
`placeholder`	`placeholder`	`string`	""
`required`	`required`	`boolean`	false
`showClearButton`	`showClearButton`	`boolean`	false
`useInnerFilter`	`useInnerFilter`	`boolean`	true
`validationMessage`	`validationMessage`	`string`	""
`value`	`value`	`string`	""