Spinner | NativeBase | Universal Components for React and React Native

Show Code
Playground
const Example = () => {
  return <HStack space={2} alignItems="center">
      <Spinner accessibilityLabel="Loading posts" />
      <Heading color="primary.500" fontSize="md">
        Loading
      </Heading>
    </HStack>;
};
const Example = () => {
  return <HStack space={2} alignItems="center">
      <Spinner accessibilityLabel="Loading posts" />
      <Heading color="primary.500" fontSize="md">
        Loading
      </Heading>
    </HStack>;
};

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

Playground
const Example = () => {
  return <HStack space={8} justifyContent="center">
      <Spinner color="emerald.500" />
      <Spinner color="warning.500" />
      <Spinner color="indigo.500" />
      <Spinner color="cyan.500" />
    </HStack>;
};
const Example = () => {
  return <HStack space={8} justifyContent="center">
      <Spinner color="emerald.500" />
      <Spinner color="warning.500" />
      <Spinner color="indigo.500" />
      <Spinner color="cyan.500" />
    </HStack>;
};

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