badge Boolean|String|Number|Object

If set to true a default overlay badge will be displayed. If set to a string, an ovelay with content set to the specified string will be displayed. Can be set to a JavaScript object which represents the configuration of the Badge widget.

Example - Various badge settings

<div style="padding: 10px; background: #cccccc;">
    <button id="button" type="button">Foo</button>
</div>
<script>
    $("#button").kendoButton({
        badge: {
            text: 1234,
            max: 99,
            themeColor: "warning",
            shape: "circle",
            cutoutBorder: true
        }
    });
</script>
In this article