ad-component

Description

The <ad-component> tag acts as the main body of your ad component contains all content within that component. Any content that appears outside of the <ad-component> tag will not be included as part of the ad. Only certain Ad Elements are allowed outside of the <ad-component> tag.

🚧

This element is required in all components!

A component must have a single <ad-component> tag to be considered a valid component.

Example Usage

Use of the <ad-component> tag is straight forward. Simply use it as the container element for all content that you create in your ad.

HTML

<ad-component>
  <!-- Put your content here -->
</ad-component>

You can add classes and other attributes just like any other kind of tag:

HTML

<ad-component class="component" data-exit="Primary Exit">
  <!-- Put your content here -->
</ad-component>

Options/Attributes

Example with attributes

HTML

<ad-component loader-type="spin" loading close-button>
  <!-- Put your content here -->
</ad-component>

Name	Value	Default Value	Description
loader-type	spin flip pulse	spin	Defines the kind of loader animation that will display when the loader is visible.
loading	boolean	false	When true shows the loader overlaying the component's content. Presence of this attribute is true, absence is false.
close-button	boolean	false	When true shows a close button in the top right corner of the ad. Presence of this attribute is true, absence is false.