Components

Input

Displays a form input field, input groups, number input spinners, date input, date time input, time inputs, etc.

Installation

pnpm dlx shadcn@latest add @restrictui/input

Examples

API Reference

This component extends the native HTML <input> element with additional styling and size variants.

Input

This component is a custom implementation that extends the native HTML <input> element with the following custom props:

Prop	Type	Default
`variant`	~~enum~~	~~"md"~~
`className`	~~string~~

Credits

Built with Radix UI Slot.
Built with React Aria.

PreviouseHover Card NextLabel

On This Page

Installation
Examples
API Reference
- Input
Credits

Components

Input

Displays a form input field, input groups, number input spinners, date input, date time input, time inputs, etc.

Open in

Installation

pnpm dlx shadcn@latest add @restrictui/input

Examples

Disabled

Open in

Readonly

Open in

Addon

Open in

Icon

Open in

File

Open in

Date

Open in

Time

Open in

Date & Time

Open in

Copy to clipboard

Open in

Clear button

Open in

Size

Open in

Form

Open in

API Reference

This component extends the native HTML <input> element with additional styling and size variants.

Input

This component is a custom implementation that extends the native HTML <input> element with the following custom props:

Prop	Type	Default
`variant`	~~enum~~	~~"md"~~
`className`	~~string~~

Credits

Built with Radix UI Slot.
Built with React Aria.

PreviouseHover Card NextLabel

On This Page

Installation
Examples
API Reference
- Input
Credits