mini Boolean | Object

Enables or configures the mini mode for the Kendo UI Drawer. This is a compact view that is displayed when the Kendo UI Drawer is collapsed. Usually it used to show only the icons when the drawer content contains icon and text for an item. When set to true it uses the main template.

Mini mode example

<div id="drawer">
    <div>Content area content.</div>
</div>
<script>
    $(document).ready(function() {
        var drawerInstance = $("#drawer").kendoDrawer({
            mode: "push",
            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: 'left',
            mini: true
        }).data("kendoDrawer");
    });
</script>
In this article
Not finding the help you need? Improve this article