Components

Input Group

Add addons, buttons, and helper content to inputs.

Loading

Installation

pnpm dlx shadcn@latest add @toui/input

Alignment

Inline start

Loading

Inline end

Loading

Block start

Loading

Block end

Loading

Examples

Icon

Loading

Text

Loading

Button

Loading

KDB

Loading

Dropdown

Loading

Spinner

-- needs Spinner component --

Textarea

Loading

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:

PropTypeDefault
variant enum "md"
className string

Credits

PreviouseInputNextItem

We use cookies

We use cookies to ensure you get the best experience on our website. For more information on how we use cookies, please see our cookie policy.

By clicking Accept, you agree to our use of cookies.
Learn more.