Spinner component
Install
npx shadcn add https://ui.happenings.social/r/spinner.json
Or with namespace
npx shadcn add @happenings/spinner
Preview
Dependencies
Registry dependencies
src/components/ui/spinner.tsx
import { faSpinner } from "@fortawesome/pro-solid-svg-icons"
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
import { cn } from "@/lib/utils"
function Spinner({
className,
...props
}: Omit<React.ComponentProps<typeof FontAwesomeIcon>, "icon">) {
return (
<FontAwesomeIcon
icon={faSpinner}
role="status"
aria-label="Loading"
className={cn("size-4 animate-spin", className)}
{...props}
/>
)
}
export { Spinner }