@tanem/react-nprogress
Advanced tools
Comparing version 1.0.12 to 1.0.13
# Changelog | ||
## [v1.0.12](https://github.com/tanem/react-nprogress/tree/v1.0.12) (2018-10-28) | ||
## [v1.0.13](https://github.com/tanem/react-nprogress/tree/v1.0.13) (2018-10-28) | ||
[Full Changelog](https://github.com/tanem/react-nprogress/compare/v1.0.12...v1.0.13) | ||
**Merged pull requests:** | ||
- Update example docs [\#26](https://github.com/tanem/react-nprogress/pull/26) ([tanem](https://github.com/tanem)) | ||
## [v1.0.12](https://github.com/tanem/react-nprogress/tree/v1.0.12) (2018-10-27) | ||
[Full Changelog](https://github.com/tanem/react-nprogress/compare/v1.0.11...v1.0.12) | ||
@@ -5,0 +12,0 @@ |
{ | ||
"name": "@tanem/react-nprogress", | ||
"version": "1.0.12", | ||
"version": "1.0.13", | ||
"description": "A React primitive for building slim progress bars inspired by Google, YouTube, and Medium.", | ||
@@ -5,0 +5,0 @@ "main": "index.js", |
@@ -13,10 +13,6 @@ # react-nprogress | ||
This is a React port of [rstacruz](https://github.com/rstacruz)'s nifty [`nprogress`](https://github.com/rstacruz/nprogress) module. It exposes an API that encapsulates the logic of `nprogress` and renders nothing, giving you complete control over rendering. | ||
This is a React port of [rstacruz](https://github.com/rstacruz)'s [`nprogress`](https://github.com/rstacruz/nprogress) module. It exposes an API that encapsulates the logic of `nprogress` and renders nothing, giving you complete control over rendering. | ||
## Basic Usage | ||
## Usage | ||
> Note: `Container`, `Bar` and `Spinner` are function components that you | ||
> create. You're free to create and style whatever components suit your context. | ||
> Refer to the Live Examples to see this approach in action. | ||
```jsx | ||
@@ -43,2 +39,10 @@ import Bar from './Bar' | ||
`Container`, `Bar` and `Spinner` are custom components. `NProgress` is the only component exposed by this package. It doesn't render anything itself, it just calls the render function and renders that: | ||
```jsx | ||
<NProgress> | ||
{({/* parameters here */}) => (/* your render code here */)} | ||
</NProgress> | ||
``` | ||
## Live Examples | ||
@@ -45,0 +49,0 @@ |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
80116
106