https://github.com/petja/paper-empty-state

Display empty states
https://github.com/petja/paper-empty-state

Last synced: 23 days ago
JSON representation

Display empty states

• Host: GitHub
• URL: https://github.com/petja/paper-empty-state
• Owner: petja
• License: mit
• Created: 2017-05-16T21:37:47.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-05-17T06:24:56.000Z (over 7 years ago)
• Last Synced: 2025-01-01T20:12:18.194Z (28 days ago)
• Language: HTML
• Size: 5.86 KB
• Stars: 2
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 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)