com.github.fluorumlabs.disconnect.vaadin.elements.TabsElement 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.elements;
import com.github.fluorumlabs.disconnect.core.annotations.Import;
import com.github.fluorumlabs.disconnect.core.annotations.NpmPackage;
import com.github.fluorumlabs.disconnect.vaadin.Vaadin;
import com.github.fluorumlabs.disconnect.vaadin.elements.mixins.ElementMixin;
import com.github.fluorumlabs.disconnect.vaadin.elements.mixins.ListMixin;
import com.github.fluorumlabs.disconnect.vaadin.elements.mixins.ThemableMixin;
import js.web.dom.HTMLElement;
/**
* <vaadin-tabs>
is a Web Component for easy switching between different views.
*
* <vaadin-tabs selected="4">
* <vaadin-tab>Page 1</vaadin-tab>
* <vaadin-tab>Page 2</vaadin-tab>
* <vaadin-tab>Page 3</vaadin-tab>
* <vaadin-tab>Page 4</vaadin-tab>
* </vaadin-tabs>
*
* Styling
* The following shadow DOM parts are available for styling:
*
*
*
* Part name Description
*
*
* back-button
Button for moving the scroll back
* tabs
The tabs container
* forward-button
Button for moving the scroll forward
*
*
* The following state attributes are available for styling:
*
*
*
* Attribute Description Part name
*
*
* orientation
Tabs disposition, valid values are horizontal
and
* vertical
. :host
* overflow
It's set to start
, end
, none or both
* . :host
*
*
* See
* ThemableMixin – how to apply styles for shadow parts
*/
@NpmPackage(
name = "@vaadin/vaadin",
version = Vaadin.VERSION
)
@Import(
module = "@vaadin/vaadin-tabs/theme/lumo/vaadin-tabs.js"
)
public interface TabsElement extends HTMLElement, ElementMixin, ListMixin, ThemableMixin {
static String TAGNAME() {
return "vaadin-tabs";
}
}