Default Offcanvas
Use the offcanvas class to set a default offcanvas.
Recent Acitivity
 }}){kind=avatar}
Oliver Phillips New
We talked about a project on linkedin.
Today }}){kind=avatar}
 }}){kind=avatar}
 }}){kind=avatar}
Natasha Carey Completed
Adding a new event with attachments
 }})
 }})
 }})
 }}){kind=avatar}
Bethany Johnson
added a new member to velzon dashboard
19 NovYour order is placed Out of Delivery
These customers can rest assured their order has been placed.
16 Nov }}){kind=avatar}
Lewis Pratt
They all have something to say beyond the words on the page. They can come across as casual or neutral, exotic or graphic.
22 OctMonthly sales report
2 days left notification to submit the monthly sales report. Reports Builder
15 Oct }}){kind=avatar}
New ticket received Completed
User Erica245 submitted a ticket.
26 Aug
<!-- Base Examples -->
<div class="hstack flex-wrap gap-2">
<a class="btn btn-light" data-bs-toggle="offcanvas" href="#offcanvasExample" role="button" aria-controls="offcanvasExample">
Link with href
</a>
<button class="btn btn-light" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasExample" aria-controls="offcanvasExample">
Button with data-bs-target
</button>
</div>
<div class="offcanvas offcanvas-start" tabindex="-1" id="offcanvasExample" aria-labelledby="offcanvasExampleLabel">
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="offcanvasExampleLabel">Offcanvas</h5>
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body">
...
</div>
</div>
 }})
 }})
 }})
 }})