Input Icon

Input field with leading or trailing icon support.

1<InputIcon icon={Mail} placeholder="Email address" />
2<InputIcon icon={Lock} type="password" placeholder="Password" />
3<InputIcon icon={Search} iconPosition="right" placeholder="Search..." />

Installation

npx zeroui@latest add input-icon

Props

nametypedefaultdescription
iconLucideIcon--
iconPosition"left" | "right""left"-
errorbooleanfalse-
iconClassNamestring""-