Input

---
import { Input } from "@/components/starwind/input";
---

<Input placeholder="Type something..." />

import { Input } from "@/components/starwind/input";

export function Example() {
  return (
    <Input placeholder="Type something..." />
  );
}

---
import { Input } from "@/components/starwind/input";
---

<Input size="sm" placeholder="Small input" />
<Input size="md" placeholder="Medium input" />
<Input size="lg" placeholder="Large input" />

import { Input } from "@/components/starwind/input";

export function Example() {
  return (
    <>
      <Input size="sm" placeholder="Small input" />
      <Input size="md" placeholder="Medium input" />
      <Input size="lg" placeholder="Large input" />
    </>
  );
}

---
import { Input } from "@/components/starwind/input";
---

<Input disabled placeholder="Disabled input" />
<Input disabled value="Disabled with value" />

import { Input } from "@/components/starwind/input";

export function Example() {
  return (
    <>
      <Input disabled placeholder="Disabled input" />
      <Input disabled value="Disabled with value" />
    </>
  );
}

---
import { Input } from "@/components/starwind/input";
---

<Input type="email" placeholder="Email input" />
<Input type="password" placeholder="Password input" />
<Input type="number" placeholder="Number input" />
<Input type="file" />

import { Input } from "@/components/starwind/input";

export function Example() {
  return (
    <>
      <Input type="email" placeholder="Email input" />
      <Input type="password" placeholder="Password input" />
      <Input type="number" placeholder="Number input" />
      <Input type="file" />
    </>
  );
}