InputText

When to use

Use for single-line text fields. For search inputs, wrap with IconField + InputIcon.

When not to use

• For multi-line text, use Textarea
• For numbers, use InputNumber
• For selection, use Select or MultiSelect

Guidelines

• Size to expected input: Fields should match the expected input length. Users make errors when they cannot see their full entry.
• Avoid placeholder text: It disappears on focus and causes usability problems. Use visible labels above the field instead.
• Mark required fields: Use an asterisk (*) for required fields.
• Real-time validation: Show errors as users type, not just on submit.

How it works

Sizes

With icons

Invalid

Disabled

Edge cases

• Always add class="w-full". PrimeVue inputs don't fill width by default
• On creator pages, add theme-input-focus for themed focus border