The canonical addon pattern: a search icon in the prefix slot, a clear button in the suffix slot. The button uses the built-in 'clear' preset, so no handler code is required.
Live Demo
Config (for the active adapter)
Pick a UI adapter (Material, Bootstrap, PrimeNG, or Ionic) from the adapter switcher to view its addon-specific reference. The Custom adapter docs the underlying building blocks; addon configuration is identical to whichever UI adapter your custom adapter is layered on top of.
What to read next
- Addons / Overview: kinds, slots, reactive
hidden/disabled. - Presets and Actions: the five built-in presets and how to register your own via
actionRef.