Comparación entre la versión Astro (Saastro) y React (shadcn/ui)
🚀 saastro/ui (Astro)
⚛️ shadcn/ui (React)
Installation
Usage
---
import { Spinner } from "@/components/ui-saastro/spinner"
---
<Spinner />Examples
Default
<Spinner />In Button
---
import { Button } from "@/components/ui-saastro/button"
import { Spinner } from "@/components/ui-saastro/spinner"
---
<Button disabled>
<Spinner class="mr-2" />
Please wait
</Button>Sizes
<Spinner class="size-3" />
<Spinner class="size-4" />
<Spinner class="size-6" />
<Spinner class="size-8" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
class | string | - | Additional CSS classes for customizing size and color |
Accessibility
- Uses
role="status"for proper semantics - Includes
aria-label="Loading"for screen readers - Inherits text color from parent for consistent theming