FAA Pattern Library - Network

Embed code component 

<div class="embed-code-component embed-code-component--large">
    <iframe width="560" height="315" src="https://www.youtube.com/embed/jtdHuXcu3J0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
 
<div class="embed-code-component embed-code-component--{{ componentSpacing }}">
    {{ component.embedCode }}
</div>
 
{
  "siteUnit": "network",
  "departmentName": "Network",
  "background": "light",
  "componentSpacing": "large",
  "component": {
    "type": "embed_code",
    "embedCode": "<iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/jtdHuXcu3J0\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>"
  }
}
  • Content: 
    .embed-code-component
    &--large
        @extends $componentWithMargin

    &--medium
        @extends $componentWithMarginMedium

    &--small
        @extends $componentWithMarginSmall
  • URL: /components/raw/embed-code-component/embed-code-component.styl
  • Filesystem Path: components/components/embed-code-component/embed-code-component.styl
  • Size: 189 Bytes
  • Handle: @embed-code-component
  • Preview:
  • Filesystem Path: components/components/embed-code-component/embed-code-component.twig

There are no notes for this item.