<!-- left & right canvas -->
                                <div class="flex items-center gap-3 flex-wrap">
                                    <button data-drawer-target="left-of-canvas" data-drawer-show="left-of-canvas" data-drawer-placement="left" aria-controls="left-of-canvas" class="btn b-solid btn-primary-solid px-8">Enable to left side canvas</button>
                                    <button data-drawer-target="top-of-canvas" data-drawer-show="top-of-canvas" data-drawer-placement="top" aria-controls="top-of-canvas" class="btn b-solid btn-primary-solid px-8">Enable to top-bar canvas</button>
                                </div>
                            
                        

                            
                                <!-- left & right canvas -->
                                <div class="flex items-center gap-3 flex-wrap">
                                    <button data-drawer-target="right-of-canvas" data-drawer-show="right-of-canvas" data-drawer-placement="right" aria-controls="right-of-canvas" class="btn b-solid btn-primary-solid px-8">Enable to right side canvas</button>
                                    <button data-drawer-target="down-of-canvas" data-drawer-show="down-of-canvas" data-drawer-placement="bottom" aria-controls="down-of-canvas" class="btn b-solid btn-primary-solid px-8">Enable to down-bar canvas</button>
                                </div>