Input

Displays a form input field or a component that looks like an input field.

Preview

Code

Installation

CLI

Manual

npx shadcn@latest add @kanpeki/input

import { Input } from "~/components/ui/input";

<Input />;

Preview

Code

Picture

For more customizable file upload components, see File Trigger or Dropzone.

Preview

Code

Preview

Code

For better form integration with labels, descriptions, and error messages, use Field component with TextField.

Preview

Code

On This Page

Contribute