Components
Loading preview...
Displays a form input field, input groups, number input spinners, etc.
npx shadcn@latest add https://21st.dev/r/sean0205/base-inputimport { Input, InputAddon, InputGroup } from '@/components/ui/base-input';
import { Euro, TicketPercent } from 'lucide-react';
export default function InputDemo() {
return (
<div className="space-y-5 w-80">
<InputGroup>
<InputAddon>Addon</InputAddon>
<Input type="email" placeholder="Start addon" />
</InputGroup>
<InputGroup>
<Input type="email" placeholder="End addon" />
<InputAddon>Addon</InputAddon>
</InputGroup>
<InputGroup>
<InputAddon mode="icon">
<Euro />
</InputAddon>
<Input type="email" placeholder="Start icon addon" />
</InputGroup>
<InputGroup>
<Input type="email" placeholder="End icon addon" />
<InputAddon mode="icon">
<TicketPercent />
</InputAddon>
</InputGroup>
</div>
);
}