View on GitHub
Wizard and Experts
On this page
Offcanvas
Offcanvas is a sidebar component that can be toggled via JavaScript to appear from the left, right, or bottom edge of the viewport. Buttons or anchors are used as triggers that are attached to specific elements you toggle, and data attributes are used to invoke our JavaScript.
- Offcanvas Id:
- an Offcanvas ID is created by default, you don’t need to change it. In case you change it to a previously assigned Offcanvas ID, this Offcanvas will act as per the configurations of the other Offcanvas (whose ID you assigned to this one).
- Position:
- select one of the 4 options to define what position you want your Offcanvas to open from.
- Size:
- Select one of the HTML defined items from the dropdown to assign the size of the Offcanvas you wish to create.