All Downloads are FREE. Search and download functionalities are using the official Maven repository.

com.vaadin.polymer.app.widget.AppToolbar 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.widget;

import com.vaadin.polymer.app.*;

import com.vaadin.polymer.*;
import com.vaadin.polymer.elemental.*;
import com.vaadin.polymer.PolymerWidget;
import com.google.gwt.core.client.JsArray;
import com.google.gwt.event.shared.HandlerRegistration;
import com.google.gwt.core.client.JavaScriptObject;

/**
 * 

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

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
AttributeDescription
main-titleThe main title element.
condensed-titleThe title element if used inside a condensed app-header.
spacerAdds a left margin of 64px.
bottom-itemSticks the element to the bottom of the toolbar.
top-itemSticks the element to the top of the toolbar.
*

Styling

* * * * * * * * * * * * * * * *
Custom propertyDescriptionDefault
--app-toolbar-font-sizeToolbar font size20px
*/ public class AppToolbar extends PolymerWidget { /** * Default Constructor. */ public AppToolbar() { this(""); } /** * Constructor used by UIBinder to create widgets with content. */ public AppToolbar(String html) { super(AppToolbarElement.TAG, AppToolbarElement.SRC, html); } /** * Gets a handle to the Polymer object's underlying DOM element. */ public AppToolbarElement getPolymerElement() { return (AppToolbarElement) getElement(); } }




© 2015 - 2024 Weber Informatics LLC | Privacy Policy