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

Rounded

configuration

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

The "none" value is deprecated. Use custom CSS instead.

rounded

String

Default: undefined

<span id="chip-small">Small chip</span>
<span id="chip-medium">Medium chip</span>
<span id="chip-large">Large chip</span>
<span id="chip-full">Full chip</span>
<span id="chip-none">Non-rounded chip</span>
<script>
    $('#chip-small').kendoChip({ rounded: 'small', themeColor: 'success' });
    $('#chip-medium').kendoChip({ rounded: 'medium', themeColor: 'success' });
    $('#chip-large').kendoChip({ rounded: 'large', themeColor: 'success' });
    $('#chip-full').kendoChip({ rounded: 'full', themeColor: 'success' });
    $('#chip-none').kendoChip({ rounded: 'none', themeColor: 'success' });
</script>