Input and InputGroup components for text input with icons, loaders, and buttons.
npx shadcn@latest add @preskok/inputimport { Input } from "@/components/ui/preskok-ui/input"
export function InputDemo() {
return <Input aria-label="Name" placeholder="Your name" />
}The base input primitive with consistent styling.
A wrapper that allows you to add icons, loaders, text, or buttons alongside the input.
<InputGroup>
<InputGroupAddon>
<MailIcon />
</InputGroupAddon>
<InputGroupInput type="email" />
</InputGroup>All standard HTML input props are supported, plus:
| Prop | Type | Default | Description |
|---|---|---|---|
className | string | - | Additional CSS classes |
ref | React.Ref<HTMLInputElement> | - | Input element ref |