All Projects → NomanGul → React Page Progress

NomanGul / React Page Progress

Licence: mit
🎉 Sweet Component powered by React Hooks 🚀 👉

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to React Page Progress

React Router Active Component
Factory function for React components which are active for a particular React Router route
Stars: ✭ 116 (-21.62%)
Mutual labels:  react-component
Xray React
React layout debugger.
Stars: ✭ 128 (-13.51%)
Mutual labels:  react-component
React Share
Social media share buttons and share counts for React
Stars: ✭ 1,978 (+1236.49%)
Mutual labels:  react-component
React Lazy
Universal lazy loader components using IntersectionObserver for React
Stars: ✭ 118 (-20.27%)
Mutual labels:  react-component
React Splitters
React splitter component, written in TypeScript.
Stars: ✭ 127 (-14.19%)
Mutual labels:  react-component
React Sizeme
Make your React Components aware of their width and height!
Stars: ✭ 1,770 (+1095.95%)
Mutual labels:  react-component
React Magnifier
🔍 React image zoom component
Stars: ✭ 116 (-21.62%)
Mutual labels:  react-component
React User Tour
Give your user a guided tour around your application
Stars: ✭ 146 (-1.35%)
Mutual labels:  react-component
React Native Keyboard Accessory View
Keyboard accessory (sticky) view for your React Native app. Supports interactive dismiss on iOS.
Stars: ✭ 128 (-13.51%)
Mutual labels:  react-component
Create React Component Folder
Creates react component folder structure
Stars: ✭ 139 (-6.08%)
Mutual labels:  react-component
React Structured Data
React Structured Data provides an easy way to add structured data to your React apps
Stars: ✭ 120 (-18.92%)
Mutual labels:  react-component
React Ckeditor
CKEditor component for React with plugin and custom event listeners support
Stars: ✭ 124 (-16.22%)
Mutual labels:  react-component
Antd Schema Form
Based on Ant Design, interactive forms can be generated through JSON Schema configuration. - 基于Ant Design,可以通过JSON Schema配置生成可交互的表单。
Stars: ✭ 137 (-7.43%)
Mutual labels:  react-component
React Audio Recorder
A React Component using the Web Audio API to record, save, and play audio.
Stars: ✭ 118 (-20.27%)
Mutual labels:  react-component
Kea
Production Ready State Management for React
Stars: ✭ 1,805 (+1119.59%)
Mutual labels:  react-component
React Auto Form
Simplifies getting user input from forms via onChange and onSubmit events, using DOM forms APIs
Stars: ✭ 116 (-21.62%)
Mutual labels:  react-component
React Responsive Carousel
React.js Responsive Carousel (with Swipe)
Stars: ✭ 1,962 (+1225.68%)
Mutual labels:  react-component
React Border Wrapper
A wrapper for placing elements along div borders.
Stars: ✭ 147 (-0.68%)
Mutual labels:  react-component
React Spinners
A collection of loading spinner components for react
Stars: ✭ 2,054 (+1287.84%)
Mutual labels:  react-component
Axui Datagrid
DataGrid, DataSheet for React
Stars: ✭ 138 (-6.76%)
Mutual labels:  react-component

react-page-progress

Sweet Component (Yes, This is the one with HOOKS 🚀) that tracks a users progress through a page as they scroll

NPM JavaScript Style Guide

Install

npm i react-page-progress

OR

yarn add react-page-progress

Usage

Example Code

Props

Props Type isRequired Example
color string No 'Default is SkyBlue', 'green' or '#fb6249' or 'rgb(255, 26, 26)'``// If you want Progress bar Opaque, You can use rgba(...) or hsla(...)
height number No 'Should be a Number, 4 is default'

Demo

Watch Demo Here

License

MIT © NomanGul

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].