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>