Input

Preview

Installation

npx shadcn@latest add @cubby-ui/input

Usage

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

<Input />

Examples

With Label

Add descriptive labels to input fields.

Disabled

Prevent interaction with disabled inputs.

Form Integration

Use Field for labeling, validation, and error display. See the Forms guide for more patterns.

API Reference

The Input component is built on top of Base UI's Input. All Base UI props are supported. The documentation below only covers custom props specific to our implementation.

For the complete Base UI API, see the Base UI Input documentation.

Props