docs(rtk-query): add link to rtk-query-inspector-monitor demo site

This commit is contained in:
FaberVitale 2021-06-17 20:30:32 +02:00
parent b4b5a49eee
commit 1e4b547366

View File

@ -4,10 +4,17 @@ Displays rtk-query queries and mutations for [Redux DevTools](https://github.com
Created by [FaberVitale](https://github.com/FaberVitale)
## Demo
- [link](https://rtk-query-monitor-demo.netlify.app/)
- [demo source](https://github.com/FaberVitale/redux-devtools/tree/feat/rtk-query-monitor/packages/redux-devtools-rtk-query-inspector-monitor/demo)
## Preview
![RTK Query inspector monitor demo](./monitor-demo.gif)
### Installation
## Installation
```bash
npm i @redux-devtools/rtk-query-inspector-monitor --save # npm
@ -18,7 +25,7 @@ yarn add @redux-devtools/rtk-query-inspector-monitor # yarn
```
### Usage
## Usage
You can use `ChartMonitor` as the only monitor in your app:
@ -39,13 +46,13 @@ Consult the [`DockMonitor` README](https://github.com/reduxjs/redux-devtools/tre
[Read how to start using Redux DevTools.](https://github.com/reduxjs/redux-devtools)
#### Redux DevTools props
## Redux DevTools props
| Name | Description |
| ------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `theme` | Either a string referring to one of the themes provided by [redux-devtools-themes](https://github.com/gaearon/redux-devtools-themes) (feel free to contribute!) or a custom object of the same format. Optional. By default, set to [`'nicinabox'`](https://github.com/gaearon/redux-devtools-themes/blob/master/src/nicinabox.js). |
| `invertTheme` | Boolean value that will invert the colors of the selected theme. Optional. By default, set to `false` |
### License
## License
MIT