Loading skeleton
flx/avatar-12FreeBlock
Skeleton placeholder while the avatar loads.
Install it
npx shadcn@latest add https://ui.flexnative.com/r/avatar-12.jsonSource
1import { Skeleton } from '@/components/ui/skeleton'23export function Avatar12() {4 return (5 <div className="flex items-center gap-3">6 <Skeleton className="size-8 rounded-full" />7 <div className="flex flex-col gap-1.5">8 <Skeleton className="h-3.5 w-24" />9 <Skeleton className="h-3 w-32" />10 </div>11 </div>12 )13}
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 |
