react-status-busy

Busy status indicator for react applications

installation

npm install --save react-status-busy

Features

• Simple and sleek design
• No external dependencies
• Customizable messages
• Customizable dismiss text
• Enable or disable dismiss action
• Automatic dismiss after a timeout
• Notifications for onVisible and onDismiss
• Customizable position
• Displays busy, error or success states
• Dismiss method to dismiss the indicator on user events

Usage

import StatusBusy from 'react-status-busy';
...
 
<StatusBusy message='Working...' status='busy'/>
 

Sample screenshot

Live Examples

Work in progress

• More customization for content and dismiss action element
• Customization for colors
• Progress details
• Dimmer

Feature suggestions ? Create a new issue.