Components · Feedback
Spinner
StableSince v0.0.1
Animated loading indicator. Inherits color from context.
import { Spinner } from '@nexub/react';Examples
Sizes
Inside button
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| size | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'md' | Diameter of the spinner. |
| label | string | 'Loading…' | Screen-reader accessible label. |
On iOS & Android: LoadingIndicator
@nexub/react-nativeAlpha
import { LoadingIndicator } from '@nexub/react-native';
<LoadingIndicator />Web vs mobile
Same tokens and prop names. Where the platforms differ:
| Web | iOS & Android | |
|---|---|---|
| Name | Spinner. | LoadingIndicator: the platform activity indicator in the primary colour. |
Interactive preview of @nexub/react-native rendered for the web. Native chrome (switches, pickers, Liquid Glass) looks like the platform on a device.
On device
iPhone (iOS simulator)
Pixel (Android emulator)
Screenshots from the latest CI run of the showcase app; the live frame renders the same code for the web.