Avatar 10 - Upload with Preview
Profile photo uploader with instant preview, a camera hover overlay, file type and size validation, and a remove option that falls back to initials.
- Library
- Shadcn Space
- Framework
- React
- Type
- component
- License
- MIT
- Dependencies
- lucide-react
- Files
src/components/shadcn-space/avatar/avatar-10.tsxsrc/components/ui/avatar.tsxsrc/components/ui/button.tsxsrc/lib/utils.tssrc/config.ts
- Source
- https://github.com/shadcnspace/shadcnspace
Categories
- Avatar Components
- React Avatar Components
- Tailwind CSS Avatar Components
- shadcn/ui Avatar Components
- Data Display Components
- React Data Display Components
- Tailwind CSS Data Display Components
- shadcn/ui Data Display Components
- File Upload Components
- React File Upload Components
- Tailwind CSS File Upload Components
- shadcn/ui File Upload Components
More from Shadcn Space
- Avatar-01 - Default
- Avatar-02 - Group
- Avatar-04 - Border
- Avatar-06 - Fallback
- Avatar-07 - Selectable Avatar
- Avatar-08 - Avatar stack
- Avatar 12 - Instagram Story Rings
- Avatar 13 - Generated Initials
- Badge 10 - With Avatar
- File Upload-01 - Animated File Upload
- Progress 01 - Simple Upload
- Progress 08 - Multi File Upload