How to use @tanem/react-nprogress - 1 common examples

To help you get started, we’ve selected a few @tanem/react-nprogress examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github tanem / react-nprogress / examples / hoc / src / Progress.js View on Github external
import Spinner from './Spinner'

const Progress = ({ isFinished, progress, animationDuration }) => (
  <Container isFinished={isFinished} animationDuration={animationDuration}>
    <Bar progress={progress} animationDuration={animationDuration} />
    <Spinner />
  </Container>
)

Progress.propTypes = {
  animationDuration: PropTypes.number.isRequired,
  isFinished: PropTypes.bool.isRequired,
  progress: PropTypes.number.isRequired
}

export default withNProgress(Progress)

@tanem/react-nprogress

A React primitive for building slim progress bars.

MIT
Latest version published 11 days ago

Package Health Score

78 / 100
Full package analysis

Popular @tanem/react-nprogress functions