Comparación entre la versión Astro (Saastro) y React (shadcn/ui)
🚀 saastro/ui (Astro)
⚛️ shadcn/ui (React)
Installation
Usage
---
import { Skeleton } from "@/components/ui-saastro/skeleton"
---
<Skeleton class="h-4 w-[250px]" />Examples
Default
<Skeleton class="h-4 w-[250px]" />Card Skeleton
<div class="flex items-center space-x-4">
<Skeleton class="h-12 w-12 rounded-full" />
<div class="space-y-2">
<Skeleton class="h-4 w-[250px]" />
<Skeleton class="h-4 w-[200px]" />
</div>
</div>Circle
<Skeleton class="h-12 w-12 rounded-full" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
class | string | - | Additional CSS classes to control size and shape |
Accessibility
- Skeletons are purely visual placeholders
- Consider adding
aria-busy="true"to the container while loading - Provide alternative text or announcements for screen readers when content loads