o-content-placeholder - Vaadin Add-on Directory
(no summary available)
[](https://coveralls.io/github/o-rango/o-content-placeholder?branch=master)
[](https://travis-ci.org/o-rango/o-content-placeholder)
# o-content-placeholder [Demo](https://o-rango.github.io/o-content-placeholder/)
Simple and customizable content placeholder built as web component with Stenciljs :metal:
## Getting Started
To try this component:
```bash
npm i --save @o-rango/o-content-placeholder
```
```html
// Add script tag to your page
// OR
```
And compose your content placeholder with `` or ``
```html
```
Properties
```html
//o-content-placeholder-block
@Prop() animate: boolean = false;
@Prop() lines: number = 1;
@Prop() lineHeight: number = 15;
@Prop() margin: number = 5;
@Prop() randomSize: boolean = false;
@Prop() rounded: boolean = false;
//o-content-placeholder-img
@Prop() animate: boolean = false;
@Prop() format: 'circle' | 'square' = 'square';
@Prop() size: number = 55;
```
### Demo Version

View on NPMView on GitHub
o-content-placeholder version 0.0.4
### Dependencies
* @stencil/core#next
o-content-placeholder version 0.0.6
### Dependencies
* @stencil/core#next
o-content-placeholder version 0.1.1
### Dependencies
o-content-placeholder version 0.1.4
### Dependencies
o-content-placeholder version 0.1.5
### Dependencies