在 Vaadin Flow 选项卡上设置图标

Question

在 Vaadin 8 中，您可以在 Tab（TabSheet）上设置图标：

tab#setIcon(...)

在 Vaadin Flow（当前使用 14.1）中，我不知道如何在 Tab（Tabs）中设置图标。它不是 API?!

的一部分

---

根据 Steffen Harbich 的回答更新。

Tabs#add(new HorizontalLayout(icon, new Text(text)));

但是，结果在视觉上不是很吸引人，需要一些调整。

第二次更新有更好的方法，这个看起来很棒！

Tab t = tabs.add("Help", () -> { ... });
t.addComponentAsFirst(VaadinIcon.QUESTION_CIRCLE_O.create());

这个is consistent用一个图标的方式设置就一个MenuItem.

Answer 1

这是可能的。使用构造函数 new Tab(Components...) 或使用 Tab#add(Component...) 添加图标。组件将显示在选项卡的 header 中。例如，您可以传递包含图标和文本组件的 HorizontalLayout。

看看 this Vaadin tab component demo，段落 "Tabs with custom content"。