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',
        shape: 'rounded'
    });
</script>
In this article
Not finding the help you need? Improve this article