Skip to content

Latest commit

 

History

History
30 lines (24 loc) · 1.33 KB

File metadata and controls

30 lines (24 loc) · 1.33 KB

Tags Input

This component can be used for freeform data entry with autocomplete and tags.

Props

Name Required Type
tags Tag[]
onChange Tag => void
autocompleteItems string[] | AutocompleteItem[]
label string
placeholder string
canAddAllAutocompleteItemsButton string
addAllAutocompleteItemsButtonText string
clearAllAutocompleteItemsButtonText string

Example

<TagsInput
    label="Marknader"
    autocompleteItems={this.allMarkets}
    placeholder="Välj aktuella marknader"
    onChange={items => this.setState({ items })}
/>

Autocomplete items

If you have separate parts of the search term to make a fuzzy-like experience, you can make a