position String (default: 'left')

The position of the drawer. Can be left (default) or right.

Right positioned drawer

<div id="drawer">
    <div>Content area content.</div>
</div>
<script>
    $(document).ready(function() {
        var drawerInstance = $("#drawer").kendoDrawer({
            template: `<ul><li data-role='drawer-item'><span class='k-icon k-i-star-outline'></span><span class='item-text'>item 1</span></li><li data-role='drawer-separator'></li><li data-role='drawer-item'><span class='k-icon k-i-twitter'></span><span class='item-text'>item 2</span></li></ul>`,
            position: 'right'
        }).data("kendoDrawer");

        drawerInstance.show();
    });
</script>
In this article
Not finding the help you need? Improve this article