Установить значок на вкладке Vaadin Flow - PullRequest
Новая
       29

Установить значок на вкладке Vaadin Flow

2 голосов
/ 20 марта 2020

В Vaadin 8 вы можете установить значок на Tab (из TabSheet): 

tab#setIcon(...)

В Vaadin Flow (в настоящее время используется 14.1) я не могу понять, как установить значок в Tab (из Tabs). Это не часть API?!

Обновление основано на ответе Штеффена Харбича. 

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

Однако результат визуально не очень привлекателен и требует некоторой настройки.

enter image description here

Второе обновление Есть лучший способ сделать это, и этот выглядит великолепно! 

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

enter image description here

Это соответствует способу установки значка на MenuItem.

1 Ответ

2 голосов
/ 22 марта 2020

Это возможно. Используйте конструктор new Tab(Components...) или добавьте свой значок, используя Tab#add(Component...). Компоненты будут показаны в заголовке вкладки. Например, вы можете передать HorizontalLayout, который содержит значок и текстовый компонент.

Посмотрите на эту демонстрационную версию компонента вкладки Vaadin , параграф "Вкладки с пользовательским содержимым".

...