Security News
Bun 1.2 Released with 90% Node.js Compatibility and Built-in S3 Object Support
Bun 1.2 enhances its JavaScript runtime with 90% Node.js compatibility, built-in S3 and Postgres support, HTML Imports, and faster, cloud-first performance.
react-activity
Advanced tools
A library of activity indicators in the form of React components.
Live demo: https://react-activity.lukevella.com
React, ReactDOM are peer dependencies, if you haven't already installed them use:
npm install react-activity react react-dom
Import the activity indicators you would like to use along with its corresponding css file.
import React from "react";
import { render } from "react-dom";
import { Dots } from "react-activity";
import "react-activity/dist/library.css";
const App = () => {
return <Dots />;
};
render(<App />, document.getElementById("app-container"));
To avoid bundling unnecessary code and css to your project, you can import the activity indicators individually.
import React, { Component } from "react";
import { render } from "react-dom";
import Dots from "react-activity/dist/Dots";
import "react-activity/dist/Dots.css";
const App = () => {
return <Dots />;
};
render(<App />, document.getElementById("app-container"));
Dots
Levels
Sentry
Spinner
Squares
Digital
Bounce
Windmill
All indicators support the following props:
size: number
All dimensions of the activity indicators are
specified in ems so play around with a value until you find something that
suits your needs.color: string
The active color of the indicator.speed: number (default: 1)
The relative animation speed of the indicator.animating: boolean (default: true)
Whether to show the indicator (true) or hide it (false).style: React.CSSProperties (default: undefined)
Custom styling to be applied to the container.className: string (default: undefined)
Custom className to be applied to the container.See LICENSE file.
FAQs
Activity indicator component library for React applications.
The npm package react-activity receives a total of 3,525 weekly downloads. As such, react-activity popularity was classified as popular.
We found that react-activity demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Bun 1.2 enhances its JavaScript runtime with 90% Node.js compatibility, built-in S3 and Postgres support, HTML Imports, and faster, cloud-first performance.
Security News
Biden's executive order pushes for AI-driven cybersecurity, software supply chain transparency, and stronger protections for federal and open source systems.
Security News
Fluent Assertions is facing backlash after dropping the Apache license for a commercial model, leaving users blindsided and questioning contributor rights.