com.github.fluorumlabs.disconnect.vaadin.elements.DetailsElement 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.ControlStateMixin;
import com.github.fluorumlabs.disconnect.vaadin.elements.mixins.ElementMixin;
import com.github.fluorumlabs.disconnect.vaadin.elements.mixins.ThemableMixin;
import js.web.dom.HTMLElement;
import org.teavm.jso.JSProperty;
/**
* <vaadin-details> is a Web Component which the creates an
* expandable panel similar to <details> HTML element.
*
* <vaadin-details>
* <div slot="summary">Expandable Details</div>
* Toggle using mouse, Enter and Space keys.
* </vaadin-details>
*
* Styling
* The following shadow DOM parts are exposed for styling:
*
*
*
* Part name Description summaryThe element used to open and close collapsible content. toggleThe element used as indicator, can represent an icon. summary-contentThe wrapper for the slotted summary content. contentThe wrapper for the collapsible details content.
* The following attributes are exposed for styling:
*
*
*
* Attribute Description openedSet when the collapsible content is expanded and visible. disabledSet when the element is disabled. focus-ringSet when the element is focused using the keyboard. focusedSet when the element is focused.
* See
* ThemableMixin – how to apply styles for shadow parts
*/
@NpmPackage(
name = "@vaadin/vaadin",
version = Vaadin.VERSION
)
@Import(
module = "@vaadin/vaadin-details/theme/lumo/vaadin-details.js"
)
public interface DetailsElement extends HTMLElement, ControlStateMixin, ElementMixin, ThemableMixin {
static String TAGNAME() {
return "vaadin-details";
}
/**
* If true, the details content is visible.
*/
@JSProperty
boolean isOpened();
/**
* If true, the details content is visible.
*/
@JSProperty
void setOpened(boolean opened);
}