input-icon-ex-01
stackzero/input-icon-ex-01FreeComponent
stackzero publishes no description for this item.
Install it
npx shadcn@latest add https://ui.stackzero.co/r/input-icon-ex-01.jsonSource
1import { Mail, Eye } from "lucide-react";2import InputIcon from "@/components/commerce-ui/input-icon";3import { Input } from "@/components/ui/input";4export default function Input_Icon_Ex_01() {5 return (6 <div className="max-w-sm space-y-4">7 <InputIcon placeholder="Two icons" startIcon={Mail} endIcon={Eye} />8 <InputIcon placeholder="Just a start icon" startIcon={Mail} />9 <InputIcon placeholder="Just an end icon" endIcon={Eye} />10 <InputIcon placeholder="No icons" />11 <Input placeholder="Standard shadcn/ui input" />12 </div>13 );14}
What it pulls in
npm packages
Other registry items
Files it writes
More from stackzero
All 112 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| face-rating-basicface-rating-basic | stackzero | Components | Free | 1 dep | |
| face-rating-gradientface-rating-gradient | stackzero | Components | Free | 2 deps | |
| image-carousel-basicimage-carousel-basic | stackzero | Components | Free | 5 deps | |
| image-viewer-basicimage-viewer-basic | stackzero | Components | Free | 3 deps | |
| image-viewer-basic-ex-01image-viewer-basic-ex-01 | stackzero | Components | Free | 1 dep | |
| image-viewer-basic-ex-02image-viewer-basic-ex-02 | stackzero | Components | Free | 1 dep | |
| image-viewer-motionimage-viewer-motion | stackzero | Components | Free | 4 deps | |
| image-viewer-motion-ex-01image-viewer-motion-ex-01 | stackzero | Components | Free | 1 dep |
