Spinner

Spinner, a React Native component for iOS, Android and web: A drawn loading ring, identical on every platform.

Usage

import { Spinner } from './components/ui/spinner';
import { Stack } from './components/ui/stack';

export default function Example() {
  return (
    <Stack direction="horizontal" gap={4} align="center">
      <Spinner size="sm" />
      <Spinner />
      <Spinner size="lg" label="Loading orders" />
    </Stack>
  );
}

Props

Prop	Type	Default	Description
`size`	`'sm' \| 'md' \| 'lg'`	'md'
`color`	`string`
`label`	`string \| null`	'Loading'	Accessible name. Pass `null` when a parent already announces the busy state.
`style`	`StyleProp<ViewStyle>`
`testID`	`string`
`native`	`boolean`		Renders the platform's own activity indicator when `@leoanimesh/ferrule-native` is available.