Directory

← Back

paper-empty-state

Display empty states

Author

Rating

Popularity

<100

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

Empty state

Published on webcomponents.org

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

  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

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-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 paper-empty-state - Vaadin Add-on Directory
**[ 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)
Online