Spinner | NativeBase | Universal Components for React and React Native

Playground
const Example = () => {
  return <HStack space={2}>
      <Heading color="primary.300">Spinner</Heading>
      <Spinner accessibilityLabel="Loading posts" />
    </HStack>;
};
const Example = () => {
  return <HStack space={2}>
      <Heading color="primary.300">Spinner</Heading>
      <Spinner accessibilityLabel="Loading posts" />
    </HStack>;
};

Playground
const Example = () => {
  return <HStack space={2}>
      <Spinner color="danger.400" />
      <Spinner color="blue.500" />
      <Spinner color={useColorModeValue("gray.900", "gray.100")} />
      <Spinner color="warning.500" />
    </HStack>;
};
const Example = () => {
  return <HStack space={2}>
      <Spinner color="danger.400" />
      <Spinner color="blue.500" />
      <Spinner color={useColorModeValue("gray.900", "gray.100")} />
      <Spinner color="warning.500" />
    </HStack>;
};

Playground
const Example = () => {
  return <HStack space={3}>
      <Spinner size="sm" />
      <Spinner size="lg" />
    </HStack>;
};
const Example = () => {
  return <HStack space={3}>
      <Spinner size="sm" />
      <Spinner size="lg" />
    </HStack>;
};