Tweak usage

Author: barryvdh

docs/collectors.md

@@ -139,8 +139,8 @@ The Query Collector has the following features
 #### On-demand query EXPLAIN
 
 <!-- md:version v3.14.0 -->
-<!-- md:feature options.db.explain -->
 <!-- md:flag experimental -->
+<!-- md:feature options.db.explain -->
 
 Enable the `options.db.explain` option to run on-demand EXPLAIN queries for any SELECT query in the Debugbar.
 This will update in the interface. You also have an option to navigate to mysqlexplain.com for a visual explain.
@@ -151,9 +151,8 @@ This will update in the interface. You also have an option to navigate to mysqle
 #### Query limits
 
 <!-- md:version v3.10.0 -->
-<!-- md:feature options.db.soft_limit -->
-<!-- md:feature options.db.hard_limit -->
-<!-- md:flag experimental -->
+<!-- md:feature options.db.soft_limit: 100 -->
+<!-- md:feature options.db.hard_limit: 500 -->
 
 With Query Hard & Soft limits, you can reduce the amount of queries shown by default. When the soft limit is reached, bindings will be excluded.
 When the hard limit is reached, the queries are excluded altogether to prevent loading too much data.

docs/img/usage.gif

@@ -1,3 +1,8 @@
+---
+hide:
+  - navigation
+---
+
 # Installation
 
 ## Install with composer

docs/installation.md

@@ -1,3 +1,19 @@
+---
+hide:
+  - navigation
+---
+
+# Usage
+
+## Using the Debugbar
+
+When the Debugbar is enabled, the Debugbar is shown on the bottom of the screen, similar to the documentation preview.
+
+Based on your configuration, it shows the [Collectors](#collectors.md) for the current request. You can open, close, restore or minimize the toolbar for your need. The state will be remembered.
+
+![Usage](img/usage.gif)
+
+## Debugbar Facade
 You can now add messages using the Facade (when added), using the PSR-3 levels (debug, info, notice, warning, error, critical, alert, emergency):
 
 ```php
@@ -28,6 +44,8 @@ try {
 }
 ```
 
+## Helpers
+
 There are also helper functions available for the most common calls:
 
 ```php
@@ -54,16 +72,6 @@ $debugbar = App::make('debugbar');
 $debugbar->addCollector(new DebugBar\DataCollector\MessagesCollector('my_messages'));
 ```
 
-By default, the Debugbar is injected just before `</body>`. If you want to inject the Debugbar yourself,
-set the config option 'inject' to false and use the renderer yourself and follow http://phpdebugbar.com/docs/rendering.html
-
-```php
-$renderer = Debugbar::getJavascriptRenderer();
-```
-
-Note: Not using the auto-inject, will disable the Request information, because that is added After the response.
-You can add the default_request datacollector in the config as alternative.
-
 ## Enabling/Disabling on run time
 You can enable or disable the debugbar during run time.
 

docs/usage.md

@@ -8,9 +8,8 @@ copyright: Copyright © Barry vd. Heuvel
 
 nav:
   - Home: index.md
-  - Getting started:
-      - Install: installation.md
-      - Usage: usage.md
+  - Install: installation.md
+  - Usage: usage.md
   - Features: features.md
   - Collectors: collectors.md