3.0.0 • Published 3 years ago
@apolloeagle/loading-dots v3.0.0
Installation
npm i @apolloeagle/loading-dots
Usage
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