-
概述
React Badge组件的灵感来自于web和移动应用程序的现代用户体验，并提供了一个元素来指示未读消息或通知。使用KendoReact Badge组件，您可以轻松地将徽章附加到现有的UI元素上。它内置了对文本的支持，设置大小，定位和重叠，以及展示一个简单的点的能力。KendoReact Badge组件可以通过一行代码和最少的配置添加到任何现有的用户体验中。
-
徽章的容器
KendoReact Badge通常用作另一个UI元素的子组件来触发通知。对于不能有子元素的React组件或HTML元素，你可以使用KendoReact BadgeContainer来包装这些元素，并且仍然附加一个React Badge组件。这个辅助组件确保React应用程序中的任何UI元素都可以有一个关联的徽章。
-
定位
KendoReact Badge组件提供了几个选项来定位与父元素相关的徽章，无论父元素是HTML元素还是React组件。React开发人员可以简单地使用配置选项来定位，而不是使用复杂的CSS或手动计算。
-
外观
React Badge组件提供了几种不同的样式，可以通过一个配置选项进行设置。样式包括(但不限于)信息、成功、警告、错误等。此外，KendoReact Badge组件为其形状、大小、填充和边框提供了设置，允许在Badge周围添加填充，以确保React Badge组件可以适应任何应用场景。
