avo-placeholder

Placeholder Webcomponent

Item Placement

The below chart details the item slots and where it will place the element inside of the item:

Slot	Description
start	Placed at the top of all other content.
content	Placed in the middle of all other conent.
end	Placed at the bottom of all other content.
none	Placed inside of the input wrapper.

Using this component

Script tag

• Put a script tag similar to this <script src='https://unpkg.com/avo-placeholder@0.0.1/dist/avoplaceholder.js'></script> in the head of your index.html
• Then you can use the element anywhere in your template, JSX, html etc

Node Modules

• Run npm install avo-component --save
• Put a script tag similar to this <script src='node_modules/avo-placeholder/dist/avoplaceholder.js'></script> in the head of your index.html
• Then you can use the element anywhere in your template, JSX, html etc

In a stencil-starter app

• Run npm install avo-placeholder --save
• Add an import to the npm packages import avo-placeholder;
• Then you can use the element anywhere in your template, JSX, html etc