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 — no handler code 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.