如何在不使用自定义主题时在 Vaadin 14.7.x 中启用徽章 CSS 类?

How to enable badge CSS classes in Vaadin 14.7.x when not using custom theme?

来自文档:

The Badge-specific CSS classes are available as part of the Lumo theme. To use these classes in your application, enable them in your theme’s theme.json

并且Lumo Badges描述了如何:

@JsModule("@vaadin/vaadin-lumo-styles/badge.js") 
// Here, we add the style sheet to   the global scope 
@CssImport(include = "lumo-badge")

但是,这不起作用(CssImport 还需要 value)。这个值应该是多少?我在哪里可以找到我的 Vaadin 项目中的这些 ccs 文件?

最简单的方法是使用目录中的 Badge add-on。它使您可以轻松使用 Java API 获得 Lumo 徽章。您还可以通过链接查看 GitHub 存储库它是如何实现的。