Skip to content
StrataKit Docs

Autocomplete

Autocomplete inputs are used to provide suggestions while users type.

Useful links:

StrataKit MUI modifications

Section titled “StrataKit MUI modifications”
  • Restyled using StrataKit’s visual language.
  • The “clear” indicator is now keyboard focusable and remains visible to improve accessibility.
  • The listbox now matches the visual styling of Menu, with individual options using the MuiMenuItem-root class via a theme-level renderOption prop.
  • Added role="group" to the root element.
  • Added role="list" and role="listitem" semantics to Chips (“tags”) used in multiple selection.
  • Tags are now focusable. Input is the first focusable element, followed by tags in the order they were added.
  • The default container of the slotProps.popper now resolves from StrataKit’s portal context, which defaults to root portal container.
  • The icons are not customizable. clearIcon, popupIcon and forcePopupIcon are not supported.

Examples

Section titled “Examples”

Multiple values

Section titled “Multiple values”

Sizes

Section titled “Sizes”
  • Small: Use in compact interfaces where space is limited.
  • Medium: Default size, suitable for most use cases.