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.

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.