Offcanvas | Linel

Offcanvas examples

Basic demo

Add data-bs-toggle="offcanvas" and set data-bs-target attributes to initialize offcanvas trigger

Placements

You can add .offcanvas-{start|end|top|bottom} class to .offcanvas element to set the position

Backdrop

Set data-bs-backdrop attribute with true|false value to toggle the backdrop

Performance

CPU Load

60%

CPU Temparature

42°

RAM Usage

6,532 MB

Customer care

Enable notifications

Enable case tracking

Support portal

Reports

Generate reports

Enable report export

Allow data

Projects

Enable create projects

Enable custom projects

Enable project review

Upcoming events

12:00

Donec laoreet fringilla justo a pellentesque

13:20

Nunc quis massa nec enim

14:00

Praesent sit amet

Contacts

Charlie Stone

Freddie Stevens

Tyler Clark

Darcy Harrison

Internet Marketer

Victor Payne

Alberta Harris

Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.

Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.

Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.

Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.

Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.

Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.

Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.