Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mdbootstrap/react-offcanvas

Hidden sidebar, perfect for use in the form of additional navigation, for example in ecommerce projects or dashboards.
https://github.com/mdbootstrap/react-offcanvas

bootstrap bootstrap-offcanvas bootstrap-react bootstrap-template bootstrap-theme bootstrap5 css jsx react react-offcanvas sidenav

Last synced: about 2 months ago
JSON representation

Hidden sidebar, perfect for use in the form of additional navigation, for example in ecommerce projects or dashboards.

Host: GitHub
URL: https://github.com/mdbootstrap/react-offcanvas
Owner: mdbootstrap
Created: 2022-08-17T10:39:32.000Z (over 2 years ago)
Default Branch: main
Last Pushed: 2022-08-18T14:05:54.000Z (over 2 years ago)
Last Synced: 2024-11-01T18:18:28.075Z (2 months ago)
Topics: bootstrap, bootstrap-offcanvas, bootstrap-react, bootstrap-template, bootstrap-theme, bootstrap5, css, jsx, react, react-offcanvas, sidenav
Homepage: https://mdbootstrap.com/docs/react/extended/offcanvas
Size: 1.95 KB
Stars: 0
Watchers: 5
Forks: 1
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

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

React sidebar

React drawer

React navbar