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

Size

configuration

Specifies the size of the badge. When undefined (the default), the theme controls the default size. Valid options are small, medium and large.

size

String

Default: undefined

<span id="badge-small">Small badge</span>
<span id="badge-medium">Medium badge</span>
<span id="badge-large">Large badge</span>
<script>
    $('#badge-small').kendoBadge({ size: 'small', themeColor: 'primary' });
    $('#badge-medium').kendoBadge({ size: 'medium', themeColor: 'primary' });
    $('#badge-large').kendoBadge({ size: 'large', themeColor: 'primary' });
</script>