3.0.0 • Published 3 years ago
@apolloeagle/loading-dots v3.0.0
Installation
npm i @apolloeagle/loading-dotsUsage
import React from "react";
import { View, StyleSheet } from "react-native";
import LoadingDots from "@apolloeagle/loading-dots"; // <---- Import package
const Page = () => {
return (
<View style={styles.container}>
<LoadingDots /> {/* <---- Add component */}
</View>
);
};
const styles = StyleSheet.create({
container: {
display: "flex",
flexDirection: "row",
alignItems: "center",
justifyContent: "center",
},
});Styling Options
A list of available props to pass into the <LoadingProps /> component:
| Props | Type | Default | Units | Description |
|---|---|---|---|---|
| animation | String | 'pulse' | n/a | Animation style. Available styles: pulse, elastic, flashing, typing, ping |
| dots | Number | 3 | n/a | Number of dots displayed |
| color | String | 'black' | n/a | Color of dots |
| size | Number | 10 | px | Size of dots |
| spacing | Number | 2 | px | Space between dots |
| delay | Number | 260 | ms | Time between dot rendering |
3.0.0
3 years ago
2.1.3
3 years ago
2.1.2
3 years ago
2.1.1
3 years ago
2.0.1
3 years ago
2.0.0
3 years ago
1.3.0
3 years ago
1.2.22
3 years ago
1.2.21
3 years ago
1.2.20
3 years ago
1.2.19
3 years ago
1.2.18
3 years ago
1.2.17
3 years ago
1.2.16
3 years ago
1.2.15
3 years ago
1.2.14
3 years ago
1.2.13
3 years ago
1.2.12
3 years ago
1.2.11
3 years ago
1.2.10
3 years ago
1.2.9
3 years ago
1.2.8
3 years ago
1.2.7
3 years ago
1.2.6
3 years ago
1.2.5
3 years ago
1.2.4
3 years ago
1.2.3
3 years ago
1.2.2
3 years ago
1.2.1
3 years ago
1.2.0
3 years ago
1.1.0
3 years ago
1.0.0
3 years ago