# Tile.MeasuringSpinner

Canonical page: https://docs.ovok.com/native-sdk/guide/components/tile/measuring-spinner

Simple loading indicator component that displays during active measurements, providing visual feedback that the device is currently taking a measurement.

## Quick Example [#quick-example]

```tsx
import { Tile } from "@ovok/native";
import React from "react";

const MeasuringSpinnerExample = () => {
  return (
    <Tile isMeasuring={true}>
      <Tile.MeasuringSpinner testID="measurement-spinner" />
    </Tile>
  );
};

export default MeasuringSpinnerExample;
```

## Props [#props]

Every prop, with its type and description, is listed in the [`@ovok/native/tile` API reference](/native-sdk/reference/tile).

## Component Behavior [#component-behavior]

The MeasuringSpinner component:

1. **Size**: Defaults to the small size; `ActivityIndicatorProps` can override it
2. **Color**: Defaults to the theme primary color; `ActivityIndicatorProps` can override it
3. **Animation**: Continuous rotation animation indicating active measurement
4. **Integration**: Designed to replace other content during measurement state

## Styling [#styling]

### Theme Colors Used [#theme-colors-used]

- `theme.colors.primary` - Spinner color for brand consistency

## Related Components [#related-components]

- [Tile.MeasuredValue](/native-sdk/guide/components/tile/measured-value/) - Result display after measurement
- [Tile.Status](/native-sdk/guide/components/tile/status/) - Device status when not measuring
- [Tile.CompleteAnimation](/native-sdk/guide/components/tile/complete-animation/) - Success animation after measurement