Input

'use client';

import { Input } from '@/registry/san-francisco/ui/input';

export default function InputDemo() {
  return <Input className="w-full max-w-xs" placeholder="Enter text..." />;
}

'use client';

import { Input } from '@/registry/san-francisco/ui/input';

export default function InputDemoTypes() {
  return (
    <>
      <Input className="w-full max-w-xs" type="text" placeholder="Text" />
      <Input className="w-full max-w-xs" type="email" placeholder="Email" />
      <Input className="w-full max-w-xs" type="password" placeholder="Password" />
    </>
  );
}

'use client';

import { Input } from '@/registry/san-francisco/ui/input';

export default function InputDemoStates() {
  return (
    <>
      <Input className="w-full max-w-xs" placeholder="Placeholder" />
      <Input className="w-full max-w-xs" disabled placeholder="Disabled" />
      <Input className="w-full max-w-xs" aria-invalid placeholder="Invalid" />
    </>
  );
}