paper-empty-state
Display empty states
[ This description is mirrored from README.md at github.com/petja/paper-empty-state on 2019-05-22 ]
Empty state
Element automatically observers array given to it and shows empty state whenever the array is empty. And when array gets its contents, we'll automatically switch to your custom HTML. However, you can also use this element standalone without any arrays, then we just show empty state always.
Demos
Customize text and the icons
<paper-empty-state text="Hello world" icon="backup"></paper-empty-state>
Automatically toggle empty state
- Array without contents, shows an empty state
- Array with contents, shows your custom HTML
<paper-empty-state items="[]">Custom content</paper-empty-state>
<hr />
<paper-empty-state items="['a', 'b', 'c']">Custom content</paper-empty-state>
Contributing
- Fork it!
- Create your feature branch:
git checkout -b my-new-feature
- Commit your changes:
git commit -am 'Add some feature'
- Push to the branch:
git push origin my-new-feature
- Submit a pull request :D
License
MIT License
Links
Compatibility
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-rc.2
- PolymerElements/iron-icon#2.0-preview
- PolymerElements/iron-icons#2.0-preview
- Released
- 2017-05-17
- Maturity
- TESTED
- License
- Other
Compatibility
- Framework
- Polymer 2.0+
- Browser
- Browser Independent
paper-empty-state - Vaadin Add-on Directory
Display empty states
**[ This description is mirrored from README.md at [github.com/petja/paper-empty-state](https://github.com//petja/paper-empty-state/blob/v1.0.0/README.md) on 2019-05-22 ]**
# Empty state
[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/petja/paper-empty-state)
Element automatically observers array given to it and shows [empty state](https://material.io/guidelines/patterns/empty-states.html) whenever the array is empty. And when array gets its contents, we'll automatically switch to your custom HTML. However, you can also use this element standalone without any arrays, then we just show empty state always.
## Demos
### Customize text and the icons
```html
```
### Automatically toggle empty state
* Array without contents, shows an empty state
* Array with contents, shows your custom HTML
```html
Custom content
Custom content
```
## Contributing
1. Fork it!
2. Create your feature branch: `git checkout -b my-new-feature`
3. Commit your changes: `git commit -am 'Add some feature'`
4. Push to the branch: `git push origin my-new-feature`
5. Submit a pull request :D
## License
MIT License
[Checkout LICENSE file](LICENSE)