3.0.0 • Published 1 year 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
1 year ago
2.1.3
1 year ago
2.1.2
1 year ago
2.1.1
1 year ago
2.0.1
1 year ago
2.0.0
1 year ago
1.3.0
1 year ago
1.2.22
1 year ago
1.2.21
1 year ago
1.2.20
1 year ago
1.2.19
1 year ago
1.2.18
1 year ago
1.2.17
1 year ago
1.2.16
1 year ago
1.2.15
1 year ago
1.2.14
1 year ago
1.2.13
1 year ago
1.2.12
1 year ago
1.2.11
1 year ago
1.2.10
1 year ago
1.2.9
1 year ago
1.2.8
1 year ago
1.2.7
1 year ago
1.2.6
1 year ago
1.2.5
1 year ago
1.2.4
1 year ago
1.2.3
1 year ago
1.2.2
1 year ago
1.2.1
1 year ago
1.2.0
1 year ago
1.1.0
1 year ago
1.0.0
1 year ago