Skeleton
DisplayA generic placeholder block for loading states.
Playground
Examples
Line
vue
<DsSkeleton class="h-4 w-48" />Paragraph
vue
<DsSkeleton class="h-4 w-full" />Circle
vue
<DsSkeleton class="h-10 w-10 rounded-full" />Block
vue
<DsSkeleton class="h-24 w-full rounded-ds-md" />Accessibility
- Has aria-hidden="true" and role="presentation".