Skip to content

Pure React Native animated loading icons based on loading.io

License

Notifications You must be signed in to change notification settings

jmbeach/react-native-pure-loaders

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

80 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

react-native-pure-loaders Pure Loaders

React native loading spinners based on the ones found at https://loading.io/css/.

Currently, the only loaders are <Loader.Ring> and <Loaders.Ellipses>. They can be seen below in the Demo.

Demo

Live snack demo

demo

Installation

npm install react-native-pure-loaders

or

yarn add react-native-pure-loaders

Usage

Example usage:

import Loaders from 'react-native-pure-loaders';

export default function App() {
  return (
    <View style={styles.container}
      <Loaders.Ring />
    </View>
  );
}

API

Loaders.Ellipses

props

  • color: string - The color of the loader.
  • size: number - The size of the loader icon. Defaults to 64.

Loaders.Ring

props

  • color: string - The color of the loader.
  • size: number - The size of the loader icon. Defaults to 64.

About

Pure React Native animated loading icons based on loading.io

Resources

License

Stars

Watchers

Forks

Packages

No packages published