Directory

← Back

paper-drawer

A Material Design drawer

Author

Rating

Popularity

<100

[ This description is mirrored from README.md at github.com/Collaborne/paper-drawer on 2019-05-22 ]

paper-drawer Bower version Travis state Published on webcomponents.org

paper-drawer provides components to build a material design drawer. The web component is built with Polymer.

The components are designed to be used in combination with paper-drawer-panel.

To use the elements:

bower install paper-drawer

<paper-drawer>
  <paper-drawer-title photo="demo/face.png" name="Jonathan Lee" email="heyfromjonathan@gmail.com"></paper-drawer-title>
  
  <paper-drawer-subheader>Items with icon</paper-drawer-subheader>
  <paper-drawer-icon-item icon="icons:mail">All mail</paper-drawer-icon-item>
  <paper-drawer-icon-item icon="icons:delete">Trash</paper-drawer-icon-item>
  <paper-drawer-icon-item icon="icons:error">Spam</paper-drawer-icon-item>
  
  <paper-drawer-divider></paper-drawer-divider>
  
  <paper-drawer-subheader>Items without icon</paper-drawer-subheader>
  <paper-drawer-item>All mail</paper-drawer-item>
  <paper-drawer-item>Trash</paper-drawer-item>
  <paper-drawer-item>Spam</paper-drawer-item>
</paper-drawer>

License

This software is licensed under the Apache 2 license, quoted below.

Copyright 2011-2015 Collaborne B.V. <http://github.com/Collaborne/>

Licensed under the Apache License, Version 2.0 (the "License"); you may not
use this file except in compliance with the License. You may obtain a copy of
the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
License for the specific language governing permissions and limitations under
the License.

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Dependencies

Polymer/polymer#^2.0.0

  • PolymerElements/iron-icon#^2.0.0
  • PolymerElements/iron-icons#^2.0.0
  • PolymerElements/paper-item#^2.0.0
  • PolymerElements/paper-ripple#^2.0.0
  • PolymerElements/paper-styles#^2.0.0
Released
2017-07-17
Maturity
IMPORTED
License
Apache License 2.0

Compatibility

Framework
Polymer 2.0+
Polymer 1.0+ in 1.0.20
Browser
Browser Independent

paper-drawer - Vaadin Add-on Directory

A Material Design drawer paper-drawer - Vaadin Add-on Directory
**[ This description is mirrored from README.md at [github.com/Collaborne/paper-drawer](https://github.com//Collaborne/paper-drawer/blob/2.0.2/README.md) on 2019-05-22 ]** paper-drawer [![Bower version](https://badge.fury.io/bo/paper-drawer.svg)](http://badge.fury.io/bo/paper-drawer) [![Travis state](https://travis-ci.org/Collaborne/paper-drawer.svg?branch=master)](https://travis-ci.org/Collaborne/paper-drawer) [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/Collaborne/paper-drawer) ========= `paper-drawer` provides components to build a material design [drawer](https://www.google.com/design/spec/patterns/navigation-drawer.html). The web component is built with [Polymer](https://www.polymer-project.org). The components are designed to be used in combination with [`paper-drawer-panel`](https://github.com/PolymerElements/paper-drawer-panel). To use the elements: `bower install paper-drawer` ```html Items with icon All mail Trash Spam Items without icon All mail Trash Spam ``` ## License This software is licensed under the Apache 2 license, quoted below. Copyright 2011-2015 Collaborne B.V. Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
GitHub Homepage
Issue tracker
Online Demo
Documentation
View on GitHub

paper-drawer version 1.0.0
### Dependencies Polymer/polymer#^1.0.0 * PolymerElements/iron-icon#^1.0.0 * PolymerElements/iron-icons#^1.0.0 * PolymerElements/paper-item#^1.0.0 * PolymerElements/paper-styles#^1.0.0

paper-drawer version 1.0.1
### Dependencies Polymer/polymer#^1.0.0 * PolymerElements/iron-icon#^1.0.0 * PolymerElements/iron-icons#^1.0.0 * PolymerElements/paper-item#^1.0.0 * PolymerElements/paper-styles#^1.0.0

paper-drawer version 1.0.2
### Dependencies Polymer/polymer#^1.0.0 * PolymerElements/iron-icon#^1.0.0 * PolymerElements/iron-icons#^1.0.0 * PolymerElements/paper-item#^1.0.0 * PolymerElements/paper-ripple#^1.0.0 * PolymerElements/paper-styles#^1.0.0

paper-drawer version 1.0.3
### Dependencies Polymer/polymer#^1.0.0 * PolymerElements/iron-icon#^1.0.0 * PolymerElements/iron-icons#^1.0.0 * PolymerElements/paper-item#^1.0.0 * PolymerElements/paper-ripple#^1.0.0 * PolymerElements/paper-styles#^1.0.0

paper-drawer version 1.0.4
### Dependencies Polymer/polymer#^1.0.0 * PolymerElements/iron-icon#^1.0.0 * PolymerElements/iron-icons#^1.0.0 * PolymerElements/paper-item#^1.0.0 * PolymerElements/paper-ripple#^1.0.0 * PolymerElements/paper-styles#^1.0.0

paper-drawer version 1.0.5
### Dependencies Polymer/polymer#^1.0.0 * PolymerElements/iron-icon#^1.0.0 * PolymerElements/iron-icons#^1.0.0 * PolymerElements/paper-item#^1.0.0 * PolymerElements/paper-ripple#^1.0.0 * PolymerElements/paper-styles#^1.0.0

paper-drawer version 1.0.6
### Dependencies Polymer/polymer#^1.0.0 * PolymerElements/iron-icon#^1.0.0 * PolymerElements/iron-icons#^1.0.0 * PolymerElements/paper-item#^1.0.0 * PolymerElements/paper-ripple#^1.0.0 * PolymerElements/paper-styles#^1.0.0

paper-drawer version 1.0.7
### Dependencies Polymer/polymer#^1.0.0 * PolymerElements/iron-icon#^1.0.0 * PolymerElements/iron-icons#^1.0.0 * PolymerElements/paper-item#^1.0.0 * PolymerElements/paper-ripple#^1.0.0 * PolymerElements/paper-styles#^1.0.0

paper-drawer version 1.0.8
### Dependencies Polymer/polymer#^1.0.0 * PolymerElements/iron-icon#^1.0.0 * PolymerElements/iron-icons#^1.0.0 * PolymerElements/paper-item#^1.0.0 * PolymerElements/paper-ripple#^1.0.0 * PolymerElements/paper-styles#^1.0.0

paper-drawer version 1.0.10
### Dependencies Polymer/polymer#^1.0.0 * PolymerElements/iron-icon#^1.0.0 * PolymerElements/iron-icons#^1.0.0 * PolymerElements/paper-item#^1.0.0 * PolymerElements/paper-ripple#^1.0.0 * PolymerElements/paper-styles#^1.0.0

paper-drawer version 1.0.9
### Dependencies Polymer/polymer#^1.0.0 * PolymerElements/iron-icon#^1.0.0 * PolymerElements/iron-icons#^1.0.0 * PolymerElements/paper-item#^1.0.0 * PolymerElements/paper-ripple#^1.0.0 * PolymerElements/paper-styles#^1.0.0

paper-drawer version 1.0.11
### Dependencies Polymer/polymer#^1.0.0 * PolymerElements/iron-icon#^1.0.0 * PolymerElements/iron-icons#^1.0.0 * PolymerElements/paper-item#^1.0.0 * PolymerElements/paper-ripple#^1.0.0 * PolymerElements/paper-styles#^1.0.0

paper-drawer version 1.0.12
### Dependencies Polymer/polymer#^1.0.0 * PolymerElements/iron-icon#^1.0.0 * PolymerElements/iron-icons#^1.0.0 * PolymerElements/paper-item#^1.0.0 * PolymerElements/paper-ripple#^1.0.0 * PolymerElements/paper-styles#^1.0.0

paper-drawer version 1.0.13
### Dependencies Polymer/polymer#^1.0.0 * PolymerElements/iron-icon#^1.0.0 * PolymerElements/iron-icons#^1.0.0 * PolymerElements/paper-item#^1.0.0 * PolymerElements/paper-ripple#^1.0.0 * PolymerElements/paper-styles#^1.0.0

paper-drawer version 1.0.14
### Dependencies Polymer/polymer#^1.0.0 * PolymerElements/iron-icon#^1.0.0 * PolymerElements/iron-icons#^1.0.0 * PolymerElements/paper-item#^1.0.0 * PolymerElements/paper-ripple#^1.0.0 * PolymerElements/paper-styles#^1.0.0

paper-drawer version 1.0.15
### Dependencies Polymer/polymer#^1.0.0 * PolymerElements/iron-icon#^1.0.0 * PolymerElements/iron-icons#^1.0.0 * PolymerElements/paper-item#^1.0.0 * PolymerElements/paper-ripple#^1.0.0 * PolymerElements/paper-styles#^1.0.0

paper-drawer version 1.0.16
### Dependencies Polymer/polymer#^1.0.0 * PolymerElements/iron-icon#^1.0.0 * PolymerElements/iron-icons#^1.0.0 * PolymerElements/paper-item#^1.0.0 * PolymerElements/paper-ripple#^1.0.0 * PolymerElements/paper-styles#^1.0.0

paper-drawer version 1.0.17
### Dependencies Polymer/polymer#^1.0.0 * PolymerElements/iron-icon#^1.0.0 * PolymerElements/iron-icons#^1.0.0 * PolymerElements/paper-item#^1.0.0 * PolymerElements/paper-ripple#^1.0.0 * PolymerElements/paper-styles#^1.0.0

paper-drawer version 1.0.18
### Dependencies Polymer/polymer#^1.0.0 * PolymerElements/iron-icon#^1.0.0 * PolymerElements/iron-icons#^1.0.0 * PolymerElements/paper-item#^1.0.0 * PolymerElements/paper-ripple#^1.0.0 * PolymerElements/paper-styles#^1.0.0

paper-drawer version 1.0.19
### Dependencies Polymer/polymer#^1.0.0 * PolymerElements/iron-icon#^1.0.0 * PolymerElements/iron-icons#^1.0.0 * PolymerElements/paper-item#^1.0.0 * PolymerElements/paper-ripple#^1.0.0 * PolymerElements/paper-styles#^1.0.0

paper-drawer version 1.0.20
### Dependencies Polymer/polymer#^1.0.0 * PolymerElements/iron-icon#^1.0.0 * PolymerElements/iron-icons#^1.0.0 * PolymerElements/paper-item#^1.0.0 * PolymerElements/paper-ripple#^1.0.0 * PolymerElements/paper-styles#^1.0.0

paper-drawer version 2.0.0
### Dependencies Polymer/polymer#^2.0.0 * PolymerElements/iron-icon#^2.0.0 * PolymerElements/iron-icons#^2.0.0 * PolymerElements/paper-item#^2.0.0 * PolymerElements/paper-ripple#^2.0.0 * PolymerElements/paper-styles#^2.0.0

paper-drawer version 2.0.1
### Dependencies Polymer/polymer#^2.0.0 * PolymerElements/iron-icon#^2.0.0 * PolymerElements/iron-icons#^2.0.0 * PolymerElements/paper-item#^2.0.0 * PolymerElements/paper-ripple#^2.0.0 * PolymerElements/paper-styles#^2.0.0

paper-drawer version 2.0.2
### Dependencies Polymer/polymer#^2.0.0 * PolymerElements/iron-icon#^2.0.0 * PolymerElements/iron-icons#^2.0.0 * PolymerElements/paper-item#^2.0.0 * PolymerElements/paper-ripple#^2.0.0 * PolymerElements/paper-styles#^2.0.0

Online