Spinner

Displays a progress indicator for indeterminate tasks.

No props data available for Spinner.

Use the size prop to control the size of the spinner. You can change the spinner size across breakpoints using the object syntax.

The spinner sizes match available form element sizes in the design system.

Context

Usage

Used 36 times across 2 packages

Dashboard
22
Admin Portal
14

Variant Distribution

size

1
31%
2
28%
3
41%

Where it's used

34 files

packages/dashboard/src/components/ai-chat/branding-update-group.tsx2
packages/dashboard/src/components/organizations/organization/legacy-verified-domain-migration.tsx2
packages/dashboard/src/components/ai-chat/loading-message.tsx1
packages/dashboard/src/components/autocomplete-field.tsx1

/:environmentId/applications/:applicationId

packages/dashboard/src/app/(private)/(sidebar)/[environmentId]/applications/[applicationId]/edit-application-logo-dialog.tsx1

/:environmentId/roles-and-permissions/resource-types/resource-types-graph

packages/dashboard/src/app/(private)/(sidebar)/[environmentId]/roles-and-permissions/resource-types/resource-types-graph/graph-loading-state.tsx1

/domains

packages/dashboard/src/app/(private)/(sidebar)/domains/cname-status.tsx1
packages/dashboard/src/app/(private)/(sidebar)/domains/create-custom-domain-dialog-content.tsx1
packages/dashboard/src/app/(private)/(sidebar)/domains/create-custom-email-domain-dialog-content.tsx1

/stripe-connect-callback

packages/dashboard/src/app/(private)/stripe-connect-callback/page.tsx1

Show 24 more files