1.0.6 • Published 5 years ago

react-loading-dot v1.0.6

Weekly downloads
26
License
MIT
Repository
github
Last release
5 years ago

react-feedback-modal

A simple and beautiful react loading animation. Using for page pre-loading, content loading or transition!

NPM JavaScript Style Guide

Install

npm install react-loading-dot

If you are using yarn

yarn add react-loading-dot

Import

import { Loading } from 'react-loading-dot'

Properties

PropertiesDefaultDescriptionType
dots3Number of dots displayednumber
size1.5remThe width and height of each dotstring
margin1remThe horizontal distance between each dotstring
backgroundrgb(202,57,57)The color of the dotstring
duration0.8sThe duration of the animationstring

Usage

import React, { useState } from 'react'
import { Loading } from 'react-loading-dot'

export const App: React.FC = () => {
  const [loading, setLoading] = useState < boolean > true

  return (
    <div>{loading ? <Loading /> : <div>Display some contents...</div>}</div>
  )
}

Uninstall

In your project directory, run

npm uninstall react-loading-dot

If you are using yarn

yarn remove react-loading-dot

ChangeLog

  • 2020/06/27 version 1.0.2 publish

License

MIT © yang052513