Components

Input Group (Radix UI)

Add addons, buttons, and helper content to inputs.

Installation

pnpm dlx shadcn@latest add @toui/input

-- needs Spinner component --

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

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~~

On This Page