New to Kendo UI for jQuery? Start a free 30-day trial

Template

configuration

The template which renders the content of the badge.

template

String|Function

<button>Button <span id="badge"></span></button>
<script>
    $('#badge').kendoBadge({
        data: {
            current: 2,
            total: 10
        },
        themeColor: 'primary',
        template: '#= current # of #= total #'
    });
</script>

<button>Button <span id="badge"></span></button>
<script>
    $('#badge').kendoBadge({
        text: 1234,
        themeColor: 'primary',
        template: function() {
            var text = this.options.text;
            return text > 99 ? 'A lot' : text;
        }
    });
</script>