Input

Text input field for user data entry with various states and styling

Preview

npx shadcn@latest add @cubby-ui/input


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


<Input />

Add descriptive labels to input fields.

Prevent interaction with disabled inputs.

The Input component is built on top of Base UI's Input. All Base UI props are supported.

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

Fancy Button

Stylized button with advanced visual effects and animations

Label

Text label for form inputs and other interactive elements