Показывать плашку сбоку

Сначала надо создать элемент, которая будет появляться сбоку.

<div class="offcanvas offcanvas-start" tabindex="-1" id="offcanvasName">
  <div class="offcanvas-header">
    <p class="offcanvas-title">Заголовок</p>
    <button type="button" data-bs-dismiss="offcanvas" aria-label="Закрыть"></button>
  </div>
  <div class="offcanvas-body">
    Контент
  </div>
</div>

И добавить кнопку, которая будет открывать плашку.

<button type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasName">Показать</button>

Класс .offcanvas-start указывает, что плашку надо открывать слева. Если плашку надо открыть в другом направлении (сверху, справа) то можно поменять на следующий класс:

  • .offcanvas-start — открывать слева;
  • .offcanvas-end — открывать справа;
  • .offcanvas-top — открывать сверху;
  • .offcanvas-bottom — открывать снизу.