Update README.md

Author: MAKUSref

README.md

@@ -1 +1,38 @@
-# react-offcanvas
+
+Hidden sidebar, perfect for use in the form of additional navigation, for example in ecommerce projects or dashboards.
+
+Check out [React Offcanvas Documentation](https://mdbootstrap.com/docs/react/extended/offcanvas/) for detailed instructions & even more examples.
+
+
+## Basic example
+
+![React Bootstrap 5 Offcanvas](https://mdbootstrap.com/img/Marketing/github/offcanvas/basic.png)
+
+## How to use?
+
+1. Download MDB React - free UI KIT
+
+2. Choose your favourite customized component and click on the image
+
+3. Copy & paste the code into your MDB project
+
+[▶️ Subscribe to YouTube channel for web development tutorials & resources](https://www.youtube.com/MDBootstrap?sub_confirmation=1)
+
+## More examples
+
+[Bootstrap Offcanvas Placement:
+![React Bootstrap 5 Offcanvass](https://mdbootstrap.com/img/Marketing/github/offcanvas/section-2.png)](https://mdbootstrap.com/docs/react/extended/offcanvas/#section-placement)
+
+[Bootstrap Offcanvas Backdrop:
+![React Bootstrap 5 Offcanvas](https://mdbootstrap.com/img/Marketing/github/offcanvas/section-3.png)](https://mdbootstrap.com/docs/react/extended/offcanvas/#section-backdrop)
+
+___
+
+## More extended Bootstrap documentation
+
+<ul>
+<li><a href="https://mdbootstrap.com/docs/react/extended/sidebar/">React sidebar</a></li>
+<li><a href="https://mdbootstrap.com/docs/react/extended/drawer/">React drawer</a></li>
+<li><a href="https://mdbootstrap.com/docs/react/navigation/navbar/">React navbar</a></li>
+</ul>
+