Fallback initials
flx/avatar-02FreeBlock
Missing image falls back to initials.
Install it
npx shadcn@latest add https://ui.flexnative.com/r/avatar-02.jsonSource
1import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar'23// Empty src forces the AvatarFallback to render — initials are the fallback.4export function Avatar02() {5 return (6 <Avatar>7 <AvatarImage src="" alt="Liam Carter" />8 <AvatarFallback>LC</AvatarFallback>9 </Avatar>10 )11}
What it pulls in
Other registry items
Files it writes
More from flx
All 450 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Basicaccordion-01 | flx | Blocks | Free | no deps | |
| Multipleaccordion-02 | flx | Blocks | Free | no deps | |
| With iconsaccordion-03 | flx | Blocks | Free | no deps | |
| FAQaccordion-04 | flx | Blocks | Free | no deps | |
| Separated cardsaccordion-05 | flx | Blocks | Free | no deps | |
| Plus / minus iconaccordion-06 | flx | Blocks | Free | 1 dep | |
| Left chevronaccordion-07 | flx | Blocks | Free | 1 dep | |
| Rich contentaccordion-09 | flx | Blocks | Free | no deps |
