Glass Contact Pill
Liquid-glass contact chip with an avatar (image or initials fallback) and name, for messaging apps.
- Library
- glasscn
- Framework
- React
- Type
- component
- License
- MIT
- Dependencies
- lucide-react
- Install
npx shadcn add @glasscn/glass-contact-pill- Files
components/ui/glasscn/glass-contact-pill.tsxlib/utils.tscomponents/ui/avatar.tsxcomponents/ui/glasscn/liquid-glass.tsx
- Source
- https://github.com/kostyniuk/glasscn-components
Categories
- Avatar Components
- React Avatar Components
- Tailwind CSS Avatar Components
- shadcn/ui Avatar Components
- Chip Components
- React Chip Components
- Tailwind CSS Chip Components
- shadcn/ui Chip Components
- Data Display Components
- React Data Display Components
- Tailwind CSS Data Display Components
- shadcn/ui Data Display Components