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

Rounded

configuration

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

rounded

String

Default: undefined

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