应用截图
详细介绍
用于设置 Vaadin 组件主题的实用程序。
这款浏览器扩展程序可直观识别 Vaadin 组件中可设置主题的元素，并提供在 Vaadin Flow 或 Hilla 应用中配置正确 CSS 的说明。应用需要使用自定义主题，才能利用此扩展程序提供的说明。
功能：
- 针对 Vaadin 组件及其内部部分优化的自定义元素选择器／检查器
- 提供可复制并粘贴到应用中的说明和代码片段
- 可配置为所有组件实例或仅特定实例设置主题
- 可配置样式仅在组件处于特定状态时应用（打开、关闭、无效等）
- 针对 Vaadin 22 优化
使用方法：
- 首先安装扩展程序
- 在浏览器中打开要设置主题的应用
- 打开开发者工具
- 打开“Vaadin Theme Assistant”面板
- 点击“Pick element”
- 将光标悬停在要设置主题的 Vaadin 组件上，观察各个元素如何高亮显示
- 点击一个高亮显示的元素
- 开发者工具面板现在会列出若干可设置主题的元素建议
- 点击其中一个建议元素，开始为其设置主题
- 在左侧配置要应用于元素的样式范围。您可以选择为组件的所有实例或仅特定实例设置样式，也可以选择仅在组件处于特定状态时应用样式。
- 按照右侧说明在应用中应用样式
注意：这不是 Vaadin 的官方产品。Vaadin 员工不会提供支持。