https://github.com/collaborne/paper-collapse-item

A Material Design item with header and collapsible content (Polymer)
https://github.com/collaborne/paper-collapse-item

Last synced: 1 day ago
JSON representation

A Material Design item with header and collapsible content (Polymer)

• Host: GitHub
• URL: https://github.com/collaborne/paper-collapse-item
• Owner: Collaborne
• License: apache-2.0
• Created: 2015-11-02T08:45:46.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2018-11-21T13:01:05.000Z (almost 6 years ago)
• Last Synced: 2024-10-13T01:36:31.897Z (25 days ago)
• Language: JavaScript
• Homepage: https://www.webcomponents.org/element/Collaborne/paper-collapse-item
• Size: 142 KB
• Stars: 14
• Watchers: 5
• Forks: 16
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
paper-collapse-item [![Bower version](https://badge.fury.io/bo/paper-collapse-item.svg)](http://badge.fury.io/bo/paper-collapse-item) [![Travis state](https://travis-ci.org/Collaborne/paper-collapse-item.svg?branch=master)](https://travis-ci.org/Collaborne/paper-collapse-item) [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/Collaborne/paper-collapse-item) [![Published on Vaadin  Directory](https://img.shields.io/badge/Vaadin%20Directory-published-00b4f0.svg)](https://vaadin.com/directory/component/Collabornepaper-collapse-item)

[![Stars on vaadin.com/directory](https://img.shields.io/vaadin-directory/star/Collabornepaper-collapse-item.svg)](https://vaadin.com/directory/component/Collabornepaper-collapse-item)

=========

`paper-collapse-item` provides a Material Design [item with header and collapsible content](https://www.google.com/design/spec/components/lists.html). The web component is built with [Polymer](https://www.polymer-project.org).

To use this element:

`npm install paper-collapse-item`

```html

    Lots of very interesting content.

```

Or You can use slot:

```html

    


	    Everything what you want in header.

    

    Lots of very interesting content.


```

Start demo:

```

polymer serve --module-resolution="node"

```

## License

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

    Copyright 2011-2018 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.