如何为同一内容配置多个 Material UI 徽章

Question

我有一个设计要求，要将多个徽章添加到单个内容中。它似乎不是文档中的支持用例。有人实施过这样的事情吗？我应该如何处理这个问题？

Answer 1

您可以像创建第一个徽章一样轻松创建第二个徽章。下面是一个示例，其中给定内容在不同位置有两个徽章。

<materialDesign:Badged x:Name="ErrorBadge" BadgePlacementMode="TopRight">
   <materialDesign:Badged x:Name="WarningBadge" BadgePlacementMode="Right">
      // Content
   </materialDesign:Badged>
</materialDesign:Badged>