com.github.fluorumlabs.disconnect.vaadin.Tab Maven / Gradle / Ivy
Go to download
Show more of this group Show more artifacts with this name
Show all versions of disconnect-vaadin Show documentation
Show all versions of disconnect-vaadin Show documentation
Vaadin components bindings for Disconnect Zero
The newest version!
package com.github.fluorumlabs.disconnect.vaadin;
import com.github.fluorumlabs.disconnect.core.annotations.WebComponent;
import com.github.fluorumlabs.disconnect.vaadin.elements.TabElement;
import com.github.fluorumlabs.disconnect.vaadin.mixins.HasElementMixin;
import com.github.fluorumlabs.disconnect.vaadin.mixins.HasItemMixin;
import com.github.fluorumlabs.disconnect.vaadin.mixins.HasThemableMixin;
import com.github.fluorumlabs.disconnect.vaadin.types.ThemeVariant;
import com.github.fluorumlabs.disconnect.zero.component.AbstractComponent;
import com.github.fluorumlabs.disconnect.zero.component.Component;
import com.github.fluorumlabs.disconnect.zero.component.HasComponents;
import com.github.fluorumlabs.disconnect.zero.component.HasStyle;
import js.extras.JsEnum;
/**
* <vaadin-tab>
is a Web Component providing an accessible and customizable tab.
*
* <vaadin-tab>
* Tab 1
* </vaadin-tab>
*
* The following state attributes are available for styling:
*
*
*
* Attribute Description Part name
*
*
* disabled
Set to a disabled tab :host
* focused
Set when the element is focused :host
* focus-ring
Set when the element is keyboard focused :host
* selected
Set when the tab is selected :host
* active
Set when mousedown or enter/spacebar pressed :host
* orientation
Set to horizontal
or vertical
depending on the
* direction of items :host
*
*
* See
* ThemableMixin – how to apply styles for shadow parts
*/
@WebComponent
public class Tab extends AbstractComponent implements HasElementMixin,
HasThemableMixin,
HasItemMixin,
HasStyle, HasComponents> {
public Tab() {
super(TabElement.TAGNAME());
}
public abstract static class Variant extends ThemeVariant {
public static final Variant ICON_ON_TOP = JsEnum.of("icon-on-top");
}
}