Input

import { Input } from "@araf-ds/core"

export default function Example() {
  return (
    <Input
      label="Email address"
      placeholder="[email protected]"
      type="email"
    />
  )
}

<Input label="Email address" placeholder="[email protected]" type="email" />

<Input
  label="Password"
  type="password"
  helperText="Must be at least 8 characters"
/>

<Input label="Full name" required placeholder="Enter your full name" />

<Input
  label="Search"
  placeholder="Search anything..."
  leadingIcon={<SearchIcon size={16} />}
/>

<Input state="default" />
<Input state="error" helperText="Please enter a valid email" />
<Input state="success" helperText="Username available" />
<Input disabled value="Read-only value" />