[](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