Spinner
octane/spinnerFreeComponent
octane publishes no description for this item.
Live preview
live · rendered by the registry
Rendered by octane on their own page — this is the component running, not a screenshot of it.Install it
npx shadcn@latest add https://raw.githubusercontent.com/octanejs/octane/main/packages/shadcn/registry/spinner.jsonSource
1// Base UI base spinner — presentational, no headless primitive in any base.2//3// UNVERIFIED PROVENANCE: derived from this package's React Aria base rather than transcribed4// from upstream's `bases/base-ui/ui/spinner.tsx`, which was not available at port time.5// Diff the class strings against the upstream source before treating this as ported.6//7// Octane divergence (shadcn-icon-resolution): upstream's IconPlaceholder (the CLI-resolved iconLibrary axis) is8// resolved at port time to the default library, lucide, via @octanejs/lucide. Other icon9// libraries are a registry-emit concern.10//11// The props are a permissive record rather than HostProps<'svg'>: these are forwarded to a12// lucide component, not applied to a host element, so the host SVG attribute types do not13// describe them.14import { Loader2Icon } from '@octanejs/lucide';1516import { cn } from '@/lib/utils';1718export interface SpinnerProps extends Record<string, unknown> {19 className?: string;20}2122export function Spinner({ className, ...props }: SpinnerProps) @{23 <Loader2Icon24 data-slot="spinner"25 role="status"26 aria-label="Loading"27 className={cn('size-4 animate-spin', className)}28 {...props}29 />30}
What it pulls in
npm packages
Other registry items
Files it writes
More from octane
All 44 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Accordionaccordion | octane | Components | Free | 2 deps | |
| Alertalert | octane | Components | Free | 1 dep | |
| Alert Dialogalert-dialog | octane | Components | Free | 1 dep | |
| Aspect Ratioaspect-ratio | octane | Components | Free | no deps | |
| Avataravatar | octane | Components | Free | 1 dep | |
| Badgebadge | octane | Components | Free | 1 dep | |
| Breadcrumbbreadcrumb | octane | Components | Free | 1 dep | |
| Buttonbutton | octane | Components | Free | 2 deps |
