Meda Skeleton
meda/meda-skeletonFreeComponent
Install the Meda loading placeholder primitive.
Live preview
live · rendered by the registry
Rendered by @meda on their own page — this is the component running, not a screenshot of it.Install it
npx shadcn@latest add https://meda.medalsocial.com/r/meda-skeleton.jsonSource
1import type { ComponentProps } from 'react'2import { cn } from '@/lib/utils'34export type SkeletonProps = ComponentProps<'div'>56export function Skeleton({ className, 'aria-hidden': ariaHidden = true, ...props }: SkeletonProps) {7 return (8 <div9 data-slot="skeleton"10 aria-hidden={ariaHidden}11 className={cn('animate-pulse rounded-md bg-muted', className)}12 {...props}13 />14 )15}
Files it writes
More from @meda
All 12 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Meda Context Railmeda-context-rail | @meda | Components | Free | 1 dep | |
| Meda Empty Statemeda-empty-state | @meda | Components | Free | 1 dep | |
| Meda Filter Railmeda-filter-rail | @meda | Components | Free | no deps | |
| Meda Marketing Calloutmeda-marketing-callout | @meda | Components | Free | 1 dep | |
| Meda Marketing Contactmeda-marketing-contact | @meda | Components | Free | 1 dep | |
| Meda Marketing Lead Magnetmeda-marketing-lead-magnet | @meda | Components | Free | 1 dep | |
| Meda Workbench Layoutmeda-workbench-layout | @meda | Components | Free | 1 dep |
