1<button id="page-side-control" class="btn page-side-toggle d-md-none collapsed mb-3" type="button"
2        data-bs-toggle="collapse" data-bs-target="#page-side-collapsable" aria-controls="page-side-collapsable"
3        aria-expanded="false" aria-label="Toggle Page Side">
4            <span class="page-side-expand">
5                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"
6                     fill="currentColor"
7                     viewBox="0 0 16 16">
8                    <title>Expand</title>
9                    <path fill-rule="evenodd"
10                          d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z"></path>
11                </svg>
12                Expand Sidebar
13                </span>
14    <span class="page-side-collapse">
15                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"
16                     fill="currentColor" viewBox="0 0 16 16">
17                    <title>Collapse</title>
18                    <path fill-rule="evenodd"
19                          d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z"></path>
20                </svg>
21                Collapse Sidebar
22            </span>
23</button>
24<div id="page-side-collapsable" class="collapse d-md-block">
25    {{{ page-side-html }}}
26</div>
27