flex-embed

Information

Folder
src/components/elements/flex-embed

Files

Schema
Mocks
Template
// src/components/elements/flex-embed/flex-embed.html.twig

<div class="FlexEmbed">
  <div
    class="FlexEmbed-ratio {% if modifier is defined %} {{ modifier }}{% endif %}"
    {% if style is defined %}style="{{ style }}"{% endif %}
  ></div>
  <div class="FlexEmbed-content">
    {{ content|raw }}
  </div>
</div>

Variants

default
Open

default mock data

Raw
Resolved
Ratio 2x1
Open

Ratio 2x1 mock data

Raw
Resolved
Ratio 3x1
Open

Ratio 3x1 mock data

Raw
Resolved
Ratio 4x3
Open

Ratio 4x3 mock data

Raw
Resolved
Ratio 16x9
Open

Ratio 16x9 mock data

Raw
Resolved
Ratio 2x3
Open

Ratio 2x3 mock data

Raw
Resolved
Ratio dynamic
Open

Ratio dynamic mock data

Raw
Resolved