com.vaadin.polymer.app.AppToolbarElement Maven / Gradle / Ivy
The newest version!
/*
* This code was generated with Vaadin Web Component GWT API Generator,
* from app-layout project by The Polymer Authors
* that is licensed with https://polymer.github.io/LICENSE.txt license.
*/
package com.vaadin.polymer.app;
import com.vaadin.polymer.elemental.*;
import com.google.gwt.core.client.JavaScriptObject;
import com.google.gwt.core.client.JsArray;
import jsinterop.annotations.JsOverlay;
import jsinterop.annotations.JsProperty;
import jsinterop.annotations.JsType;
/**
* app-toolbar is a horizontal toolbar containing items that can be used for
label, navigation, search and actions.
* Example
* Add a title to the toolbar.
* <app-toolbar>
* <div main-title>App name</div>
* </app-toolbar>
*
* Add a button to the left and right side of the toolbar.
* <app-toolbar>
* <paper-icon-button icon="menu"></paper-icon-button>
* <div main-title>App name</div>
* <paper-icon-button icon="search"></paper-icon-button>
* </app-toolbar>
*
* You can use the attributes top-item
or bottom-item
to completely fit an element
to the top or bottom of the toolbar respectively.
* Content attributes
*
*
*
* Attribute
* Description
*
*
*
*
* main-title
* The main title element.
*
*
* condensed-title
* The title element if used inside a condensed app-header.
*
*
* spacer
* Adds a left margin of 64px
.
*
*
* bottom-item
* Sticks the element to the bottom of the toolbar.
*
*
* top-item
* Sticks the element to the top of the toolbar.
*
*
*
* Styling
*
*
*
* Custom property
* Description
* Default
*
*
*
*
* --app-toolbar-font-size
* Toolbar font size
* 20px
*
*
*
*/
@JsType(isNative=true)
public interface AppToolbarElement extends HTMLElement {
@JsOverlay public static final String TAG = "app-toolbar";
@JsOverlay public static final String SRC = "app-layout/app-layout.html";
}
© 2015 - 2025 Weber Informatics LLC | Privacy Policy