mini.template String | Function

Defines a specific template for the Kendo UI Drawer when in mini mode.

Template 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: {
                width: 45,
                template: handler
            }
        }).data("kendoDrawer");
    });

    function handler() {
        return `<ul>
            <li data-role='drawer-item'>
                ${generateIcon('anchor')}
            </li>
            <li data-role='drawer-item'>
                ${generateIcon('info-circle')}
            </li>
        </ul>`
    }

    function generateIcon(iconName){
        return kendo.ui.icon(iconName);
    }
</script>