ZInput

Text input field with validation support

Example

Import

import { ZInput } from "zurto-ui";

Usage

import { ZInput } from "zurto-ui";

function Example() {
  return (
    <>
      <ZInput placeholder="Enter your name..." />
      <ZInput placeholder="With error" error />
    </>
  );
}

Props

Prop	Type	Default	Description
placeholder	string	-	Placeholder text
value	string	-	Controlled value
onChange	(e) => void	-	Change handler
error	boolean	false	Show error state
disabled	boolean	false	Disable input
leftIcon	ReactNode	-	Icon on left
rightIcon	ReactNode	-	Icon on right

Accessibility

• ✅ Keyboard navigation support
• ✅ ARIA attributes included
• ✅ Screen reader friendly
• ✅ Focus management