IconField

When to use

Wraps InputText to add leading/trailing icons. Use for search inputs, inputs with clear buttons, or status indicators.

Guidelines

• Left icon for context: Search magnifying glass, email envelope, etc.
• Right icon for action: Clear button, toggle visibility, status indicator.
• Use icon-position="both" when you need icons on both sides.

How it works