Offcanvas

Wrapper for the Bootstrap offcanvas component.

Example Usage

import React from "react";
import {Offcanvas} from "bs5-react-elements";

function ExampleUsage() {
  return <>
    <button data-bs-toggle="offcanvas" data-bs-target="#example-usage">
      Launch
    </button>
    <Offcanvas
      className="offcanvas offcanvas-start"
      id="example-usage"
      tabIndex="-1"
      aria-hidden="true"
    >
      <div className="offcanvas-body">
        Lorem ipsum.
      </div>
    </Offcanvas>
  </>;
}

Demos

There are no demos available for this element. Submit an issue or pull request on GitHub to add one.

Props