User tests: Successful: Unsuccessful:
Pull Request for Issue # .
Beta 3
Open the cassiopeia/index.php and add
joomla-cms/templates/cassiopeia/index.php
Line 97 in 621e20c
HTMLHelper::_('bootstrap.offcanvas');joomla-cms/templates/cassiopeia/index.php
Line 174 in 621e20c
<button class="btn btn-primary" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasExample" aria-controls="offcanvasExample">
  <b>OFF-CANVAS-TEST</b>
</button>
<div class="offcanvas offcanvas-start" tabindex="-1" id="offcanvasExample" aria-labelledby="offcanvasExampleLabel">
  <div class="offcanvas-header">
    <h5 class="offcanvas-title" id="offcanvasExampleLabel">Offcanvas</h5>
    <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
  </div>
  <div class="offcanvas-body">
    <div>
      Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.
    </div>
  </div>
</div>You should have an off canvas like:

I wrote some documentation on using Bootstrap (the interactive parts) here: https://gist.github.com/dgrammatiko/efb3de4aa7cab4813a244f93f73cc0fd
If someone could move this to the Joomla docs I would appreciate it
| Status | New | ⇒ | Pending | 
| Category | ⇒ | NPM Change | 
 
                 
                I have tested this item 
| Status | Pending | ⇒ | Ready to Commit | 
| Labels | Added: 
? | ||
 
                RTC
| Status | Ready to Commit | ⇒ | Pending | 
| Category | NPM Change | ⇒ | JavaScript Repository NPM Change Libraries | 
| Labels | Added: 
NPM Resource Changed | ||
 
                Ok support for off-canvas added
 
                Guess we need here some more tests.
 
                I have tested this item 
 
                I have tested this item 
| Status | Pending | ⇒ | Ready to Commit | 
 
                RTC
| Status | Ready to Commit | ⇒ | Fixed in Code Base | 
| Closed_Date | 0000-00-00 00:00:00 | ⇒ | 2021-03-25 14:36:32 | 
| Closed_By | ⇒ | rdeutz | |
| Labels | Added: 
? | ||
I have tested this item✅  successfully on 51fb55e
This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/32827.