Skip to content

v7.0.0

Choose a tag to compare

View all tags
@i-like-robots i-like-robots released this 12 Sep 03:43
· 71 commits to main since this release
v7.0.0
5ed6d27

Breaking changes:

  • Renamed autoresize prop to allowResize
  • Renamed delimiters prop to delimiterKeys
  • Renamed noSuggestionsText to noOptionsText
  • Renamed onAddition prop to onAdd
  • Renamed removeButtonText to deleteButtonText
  • Renamed suggestionComponent to renderOption
  • Renamed tags prop to selected
  • Renamed tagComponent to renderTag
  • Removed addOnBlur prop, can be implemented manually
  • Removed inputAttributes prop, use renderInput prop instead
  • Removed maxSuggestionsLength prop, use suggestionsTransform prop instead
  • Removed minQueryLength prop, use onShouldExpand prop instead
  • Removed suggestionsFilter prop, use suggestionsTransform prop instead

New features and improvements:

  • Added onExpand and onCollapse callbacks
  • Added a label sub component to improve accessibility
  • Added assistive text notifications for changes to selected tags
  • Added support for more combobox keyboard behavior to match the ARIA spec
  • Added support for displaying the selected state of options in the listbox
  • Added support for scrolling the listbox and maintaining the the active option in view
  • Added support for interpolating values with text props
  • Added support for displaying disabled state using isDisabled prop
  • Added support for displaying invalid state using isInvalid prop
  • Added support for related descriptive text using ariaDescribedBy prop
  • Added support for related error status text using ariaErrorMessage prop
  • Added support for controlling the listbox when selecting a tag using collapseOnSelect prop
  • Added support for controlling the listbox using onShouldExpand and onShouldCollapse props
  • Added support for activating the first option when the listbox expands using activateFirstOption prop
  • Added support for rendering a custom root component using renderRoot prop
  • Added support for rendering a custom label component using renderLabel prop
  • Added support for rendering a custom input component using renderInput prop
  • Added support for rendering a custom text highlight component using renderHighlight prop

Other changes:

  • When the allowNew prop is enabled a new tag can only be created when selecting the new tag option from the listbox.
  • Tags can no longer be selected multiple times. Choosing a previously selected tag will now trigger a deletion.

Please refer to the migration guide if upgrading from v6 to v7.

Assets 2
Loading