spinner

fulldev-ui/spinner

FreeComponent

fulldev/ui publishes no description for this item.

Live preview

live · rendered by the registry

Rendered by fulldev/ui on their own page — this is the component running, not a screenshot of it.

Install it

npx shadcn@latest add https://ui.full.dev/r/spinner.json

Source

src/components/ui/spinner/spinner.astroui.full.dev/r/spinner.json

1---
2import type { HTMLAttributes } from "astro/types"
3 
4import { cn } from "@/lib/utils"
5import { Icon } from "@/components/ui/icon"
6 
7type Props = HTMLAttributes<"svg"> & {
8  color?: string
9  size?: number | string
10  "stroke-width"?: number | string
11  absoluteStrokeWidth?: boolean
12  title?: string
13}
14 
15const { class: className, ...props } = Astro.props
16---
17 
18<Icon
19  {...props}
20  role="status"
21  aria-label="Loading"
22  name="loader-circle"
23  class={cn("size-4 animate-spin", className)}
24/>

What it pulls in

Other registry items

@fulldev/icon

Files it writes

src/components/ui/spinner/spinner.astro
src/components/ui/spinner/index.ts

More from fulldev/ui

All 144 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
accordionaccordion	fulldev/ui	Components	Free	1 dep · 5 files
alertalert	fulldev/ui	Components	Free	no deps · 5 files
alert-dialogalert-dialog	fulldev/ui	Components	Free	1 dep · 13 files
avataravatar	fulldev/ui	Components	Free	no deps · 7 files
badgebadge	fulldev/ui	Components	Free	no deps · 3 files
bannerbanner	fulldev/ui	Components	Free	no deps · 3 files
breadcrumbbreadcrumb	fulldev/ui	Components	Free	no deps · 8 files
buttonbutton	fulldev/ui	Components	Free	no deps · 3 files