<div class="flex flex-col items-start gap-4">
  <Input placeholder="Nice input" label="Input" />
  <Input value="Block level" class="w-full" />
  <Input placeholder="Disabled" disabled />
</div>

<div class="flex flex-col items-start gap-4">
  <Input type="textarea" placeholder="..." />
  <Input type="textarea" value="no resize" noResize />
</div>

<Input
  label="Email"
  placeholder="you@example.com"
  type="email"
  valid={(val) => val.includes('@')}
/>