shape String (default: 'rounded')

Specifies the shape of the badge

• rectangle: applies no border radius on the badge.
• rounded: applies default border radius on the badge. Note: rounded shape is theme specific and in some themes there might be no rounding of edges.
• pill: applies border radius equal to half the height of the badge. Note: pill shape is not theme specific and is always applied when set.
• circle: forces circular shape on the badge. Note: circle shape is not theme specific and is always applied when set.
• dot: forces dot shape on the badge. Note: dot shape is not theme specific and is always applied when set.

Example

<button>Button <span id="badge"></span></button>
<script>
    $('#badge').kendoBadge({
        text: 'badge',
        themeColor: 'primary',
        shape: 'rounded'
    });
</script>