Bootstrap Components

Alerts

Alert messages can be used to notify the user about something special: danger, success, information or warning. ^[1]

Bootstrap Carousel

Similar to Banners, Carousels are a component that score highly in the visual hierarchy, used to convey multiple messages to the user or provide quick access to their respective page. ^[2]

Carousel variants

Offcanvas

Offcanvas is a sidebar component that can be toggled to appear from the left, right, top, or bottom edge of the viewport. Buttons or anchors are used as triggers that are attached to specific offcanvas elements. ^[3]

Placement

The placement of the offcanvas component is managed with Position enum. The default placement for Offcanvas components is Position::start. The placement can be changed either in constructor or using Offcanvas::setPosition() method.

• Position::start enum case or string values (start, offcanvas-start) places offcanvas on the left of the viewport.
• Position::end enum case or string values (end, offcanvas-end) places offcanvas on the right of the viewport
• Position::top enum case or string values (top, offcanvas-top) places offcanvas on the top of the viewport
• Position::bottom enum case or string values (bottom, offcanvas-bottom) places offcanvas on the bottom of the viewport